<template>
  <div class="template-wrap">
    <menu-top></menu-top>
    <div class="content">
        <!--
      <div class="bg-left">
        <div>
          <menu-left ref="left" :href="href"></menu-left>
        </div>
      </div>
  -->
      <div class="company-detail">
        <div>
          <menu-left ref="left" :href="href"></menu-left>
        </div>

        <el-col>
          <div class="company-list-wrap right-content">
            <el-breadcrumb separator-class="el-icon-arrow-right">
              <el-breadcrumb-item :to="{ path: '/companyList' }">相关公司</el-breadcrumb-item>
              <el-breadcrumb-item :to="{ path: '/companyList' }">公司列表</el-breadcrumb-item>
              <el-breadcrumb-item>{{companyName}}</el-breadcrumb-item>
            </el-breadcrumb>
            <div class="wrap">
              <rotate-message></rotate-message>
              <div class="wrap-container">
                <div class="title">
                     公司状态：
                     <!-- <span v-if="info.coreData&&info.coreData.auditStatus == 'pass'">{{info.coreData&&info.coreData.companyBase&&info.coreData.companyBase.canFinancing=='y'?'初审认证通过':'初审认证不通过'}}</span> -->
                    <!-- <span v-if="info.coreData&&info.coreData.auditStatus != 'pass'">{{info.coreData.auditStatus=='init'?'待审核':'已审核'}}</span> -->
                    <span>{{info.coreData.auditStatusDesc}}</span>
                </div>
                <div class="tabs-item">
                    <div class="tab-list" :class="tabIndex == item.value?'active':''" @click="tabSelect(item.value)" v-for="(item,index) in tabArr" :key="index">{{item.name}}</div>
                </div>
                <div class="wrap1" v-if="tabIndex == 1">
                    <div class="info-edit">
                        <div class="edit-title">基础信息</div>
                        <div class="edit-list">
                            <div class="name">企业名称：</div>
                            <div class="edit-value input">
                                <el-input v-model="information.companyName" placeholder="请输入内容"></el-input>
                            </div>
                        </div>
                        <div class="edit-list address">
                            <div class="name">所属行业：</div>
                            <div class="edit-value">
                                <el-select v-model="information.firstIndustry" @change="firstChange" clearable placeholder="请选择">
                                    <el-option
                                    v-for="item in industryArr"
                                    :key="item.key"
                                    :label="item.value"
                                    :value="item.key">
                                    </el-option>
                                </el-select>
                                <el-select v-model="information.secondIndustry" @change="secondChange"  clearable placeholder="请选择">
                                <el-option
                                    v-for="item in secondArr"
                                    :key="item.key"
                                    :label="item.value"
                                    :value="item.key">
                                    </el-option>
                                </el-select>
                                <el-select v-model="information.thirdIndustry" clearable placeholder="请选择">
                                    <el-option
                                    v-for="item in thirdArr"
                                    :key="item.key"
                                    :label="item.value"
                                    :value="item.key">
                                    </el-option>
                                </el-select>
                            </div>
                        </div>
                        <div class="edit-list">
                            <div class="name">注册成立日期：</div>
                            <div class="edit-value input">
                            <el-date-picker
                                v-model="information.regdate"
                                type="date"
                                placeholder="选择日期"
                                format="yyyy 年 MM 月 dd 日"
                                value-format="yyyy-MM-dd">
                                </el-date-picker>
                            </div>
                            </div>
                        <div class="edit-list address">
                            <div class="name">注册所在地：</div>
                            <div class="edit-value">
                                <el-select v-model="information.regProvinceCode"  @change="provinceChange" clearable placeholder="请选择">
                                    <el-option
                                    v-for="item in addressArr"
                                    :key="item.key"
                                    :label="item.value"
                                    :value="item.key">
                                    </el-option>
                                </el-select>
                                <el-select v-model="information.regCityCode" @change="cityChange" clearable placeholder="请选择">
                                <el-option
                                    v-for="item in cityArr"
                                    :key="item.key"
                                    :label="item.value"
                                    :value="item.key">
                                    </el-option>
                                </el-select>
                                <el-select v-model="information.regDistrictCode" clearable placeholder="请选择">
                                    <el-option
                                    v-for="item in districtArr"
                                    :key="item.key"
                                    :label="item.value"
                                    :value="item.key">
                                    </el-option>
                                </el-select>
                            </div>
                        </div>
                        <div class="edit-list image">
                            <div class="name">营业执照复印件：</div>
                            <div class="edit-value">
                                <div class="add-image">
                                    <el-upload  list-type="picture-card" class="normal-uploader" 
                                        :class="{uploadShow:uploadShow}"
                                        :action="upLoadUrl"    
                                        :on-success="handleFileSuccess"   
                                        :file-list='fileShowList'
                                        :limit='10'
                                        :on-remove="handleRemove">   
                                        <i class="el-icon-plus"></i> 
                                    </el-upload>  
                                </div>
                            </div>
                        </div>
                        <div class="edit-list">
                            <div class="name">社会统一信用号：</div>
                            <div class="edit-value input">
                                <el-input v-model="information.unifiedCreditNumber" placeholder="请输入内容"></el-input>
                            </div>
                        </div>
                        <div class="edit-list">
                            <div class="name">法定代表人：</div>
                            <div class="edit-value input">
                                <el-input v-model="information.legalCardId" placeholder="请输入内容"></el-input>
                            </div>
                        </div>
                        <div class="edit-list">
                            <div class="name">实际控制人：</div>
                            <div class="edit-value input">
                                <el-input v-model="information.actualCardId" placeholder="请输入内容"></el-input>
                            </div>
                        </div>
                        <div class="edit-list register">
                            <div class="name">注册地址：</div>
                            <div class="edit-value">
                                <el-select v-model="information.regProvinceCode1"  @change="provinceChange1" clearable placeholder="请选择">
                                    <el-option
                                    v-for="item in addressArr"
                                    :key="item.key"
                                    :label="item.value"
                                    :value="item.key">
                                    </el-option>
                                </el-select>
                                <el-select v-model="information.regCityCode1" @change="cityChange1" clearable placeholder="请选择">
                                <el-option
                                    v-for="item in cityArr1"
                                    :key="item.key"
                                    :label="item.value"
                                    :value="item.key">
                                    </el-option>
                                </el-select>
                                <el-select v-model="information.regDistrictCode1" clearable placeholder="请选择">
                                    <el-option
                                    v-for="item in districtArr1"
                                    :key="item.key"
                                    :label="item.value"
                                    :value="item.key">
                                    </el-option>
                                </el-select>
                                <el-input class="address-input" v-model="information.regAddress" placeholder="请输入内容"></el-input>
                            </div>
                        </div>  
                        <div class="edit-list register">
                            <div class="name">经营地址：</div>
                            <div class="edit-value">
                                <el-select v-model="information.runProvinceCode"  @change="provinceChange2" clearable placeholder="请选择">
                                    <el-option
                                    v-for="item in addressArr"
                                    :key="item.key"
                                    :label="item.value"
                                    :value="item.key">
                                    </el-option>
                                </el-select>
                                <el-select v-model="information.runRegCityCode" @change="cityChange2" clearable placeholder="请选择">
                                <el-option
                                    v-for="item in cityArr2"
                                    :key="item.key"
                                    :label="item.value"
                                    :value="item.key">
                                    </el-option>
                                </el-select>
                                <el-select v-model="information.runRegDistrictCode " clearable placeholder="请选择">
                                    <el-option
                                    v-for="item in districtArr2"
                                    :key="item.key"
                                    :label="item.value"
                                    :value="item.key">
                                    </el-option>
                                </el-select>
                                <el-input class="address-input" v-model="information.runRegAddress" placeholder="请输入内容"></el-input>
                            </div>
                        </div>  
                        <div class="edit-list">
                            <div class="name">企业员工人数：</div>
                            <div class="edit-value input">
                                <el-input v-model="information.companyPeople" placeholder="请输入内容"></el-input>
                            </div>
                        </div> 
                        <div class="edit-list introduce">
                        <div class="name">高层管理人员说明:</div>
                            <div class="edit-value">
                                <div class="title-item">
                                    <div class="title-list">姓名</div>
                                    <div class="title-list">年龄</div>
                                    <div class="title-list">职业</div>
                                    <div class="title-list">简历介绍</div>
                                </div>
                                <div class="edit-list" v-for="(item,index) in this.information.contactDatas" :key="index">
                                    <el-input v-model="item.trueName" placeholder="请输入"></el-input>
                                    <el-input v-model="item.age" placeholder="请输入"></el-input>
                                    <el-select v-model="item.position" clearable placeholder="请选择">
                                        <el-option
                                        v-for="item in positionArr"
                                        :key="item.key"
                                        :label="item.value"
                                        :value="item.key">
                                        </el-option>
                                    </el-select>
                                    <el-input class="address-input" v-model="item.introduction" placeholder="请输入内容"></el-input>
                                </div>
                                <div @click="addBtn" class="btn-add">添加</div>
                            </div>
                        </div>    
                        <div class="edit-list chanel">
                            <div class="name">所属推荐机构：</div>
                            <div class="edit-value">
                                <el-select v-model="information.parentChannelCode" clearable placeholder="请选择">
                                    <el-option
                                    v-for="item in channelArr"
                                    :key="item.channelCode"
                                    :label="item.companyName"
                                    :value="item.channelCode">
                                    </el-option>
                                </el-select>
                            </div>
                        </div>                    
                    </div>
                    <div @click="submitBtn" class="btn-submit">提交</div>
                </div>
                <div class="wrap2" v-if="tabIndex == 2">
                    <!-- <div class="info-edit"  v-if="stateStep == 3">
                        <div class="edit-title">感谢您对‘创巢’的支持，您的贷款初审已经通过。根据您的初审情况，我们为您提供如下贷款产品：</div>
                        <div class="product-wrap">
                            <div class="product-list" @click="linkTo('productDetail',item.id)" v-for="(item,index) in dataList" :key="index">
                            <img :src="item.photoFiles.length?item.photoFiles[0].fileUrl:''" alt="">
                                <div class="list-info">
                                    <div class="title over-hidden">{{item.productName}}</div>
                                    <div class="date">{{item.gmtCreated}}</div>
                                    <div class="list-line over-hidden">
                                        <div class="line-item"><span>投资金额：</span>{{item.singleInvestFundDesc}}</div>
                                        <div class="line-item"><span>最低回报要求：</span>{{item.minReportRate*100+'%'}}/年</div>
                                        <div class="line-item"><span>资金主体：</span>{{item.fundBodyDesc}}</div>
                                        <div class="line-item"><span>投资行业：</span>{{item.thirdIndustryDesc?item.thirdIndustryDesc:item.secondIndustryDesc}}</div>
                                    </div>
                                    <div class="list-line">
                                        <div class="line-item"><span>总投资金额：</span>{{item.totalInvestFund }}</div>
                                        <div class="line-item"><span>投资期限：</span>{{item.investYearDesc}}</div>
                                        <div class="line-item"><span>投资方式：</span>{{item.investTypeDesc}}</div>
                                        <div class="line-item"><span>投资公司融资阶段：</span>{{item.financeLevelDesc }}</div>
                                    </div>
                                    <div  @click.stop="applyBtn(item.id,item.productName)" class="btn">申请</div>
                                </div>
                            </div>
                        </div>              
                    </div> -->
                    <div class="info-form"  v-if="stateStep == 1">
                        <div class="edit-title">为了更好地帮您匹配适合您的贷款产品，请根据企业的情况如实填写如下问题的答案。</div>
                        <el-form :model="information1" :rules="rules1" ref="information1" >
                            <el-form-item prop="lastYearIncome">
                                <div class="form-list">
                                    <div class="form-title">1、上一完整年度的营业收入（单位：元）</div>
                                    <div class="form-value">
                                        <el-input v-model="information1.lastYearIncome" placeholder="请输入内容"></el-input>
                                    </div>
                                </div>
                            </el-form-item>
                            <el-form-item prop="isLastYearProfit">
                                <div class="form-list">
                                    <div class="form-title">2、上一完整年度是否盈利？</div>
                                    <div class="form-value">
                                        <el-radio-group v-model="information1.isLastYearProfit">
                                            <el-radio label="是">是</el-radio>
                                            <el-radio label="否">否</el-radio>
                                        </el-radio-group>
                                    </div>
                                </div>
                            </el-form-item>
                            <el-form-item prop="thisYearPlanIncome">
                                <div class="form-list">
                                    <div class="form-title">3、今年完整年度预计营业收入（单位：元）</div>
                                    <div class="form-value">
                                        <el-input v-model="information1.thisYearPlanIncome" placeholder="请输入内容"></el-input>
                                    </div>
                                </div>
                            </el-form-item>
                            <el-form-item prop="isThisYearPlanProfit">
                                <div class="form-list">
                                    <div class="form-title">4、今年完整年度预计是否盈利？</div>
                                    <div class="form-value">
                                        <el-radio-group v-model="information1.isThisYearPlanProfit">
                                            <el-radio label="是">是</el-radio>
                                            <el-radio label="否">否</el-radio>
                                        </el-radio-group>
                                    </div>
                                </div>
                            </el-form-item>
                            <el-form-item prop="isHasBankCash">
                                <div class="form-list">
                                    <div class="form-title">5、目前是否有银行贷款？</div>
                                    <div class="form-value">
                                        <el-radio-group v-model="information1.isHasBankCash">
                                            <el-radio label="是">是</el-radio>
                                            <el-radio label="否">否</el-radio>
                                        </el-radio-group>
                                    </div>
                                </div>
                            </el-form-item>
                            <el-form-item prop="isHadFinancing">
                                <div class="form-list">
                                    <div class="form-title">6、是否曾经进行过股权融资？</div>
                                    <div class="form-value">
                                        <el-radio-group v-model="information1.isHadFinancing">
                                            <el-radio label="是">是</el-radio>
                                            <el-radio label="否">否</el-radio>
                                        </el-radio-group>
                                    </div>
                                </div>
                            </el-form-item>
                            <el-form-item prop="currentNeedFund">
                                <div class="form-list">
                                    <div class="form-title">7、目前贷款资金需求金额？（单位：元）</div>
                                    <div class="form-value">
                                        <el-input v-model="information1.currentNeedFund" placeholder="请输入内容"></el-input>
                                    </div>
                                </div>
                            </el-form-item>
                            <el-form-item prop="fundFinishMonth">
                                <div class="form-list">
                                    <div class="form-title">8、希望贷款资金什么时候到位？</div>
                                    <div class="form-value">
                                        <el-select width="10" v-model="information1.fundFinishMonth" placeholder="请选择">
                                            <el-option
                                            v-for="item in roleArr"
                                            :key="item.key"
                                            :label="item.value"
                                            :value="item.key">
                                            </el-option>
                                        </el-select>
                                    </div>
                                </div>
                            </el-form-item>
                            <el-form-item prop="guaranteeMethod">
                                <div class="form-list">
                                    <div class="form-title">9、如果需要，您愿意接受哪些贷款的担保方式？（可多选，选项：信用，担保公司，抵押，股权质押，认股选择权）</div>
                                    <div class="form-value">
                                        <el-checkbox-group v-model="information1.guaranteeMethod">
                                            <el-checkbox v-for="item in methodArr" :key="item.key" :label="item.value"></el-checkbox>
                                        </el-checkbox-group>
                                    </div>
                                </div>
                            </el-form-item>
                            <el-form-item>
                            <div  @click="submitBtn1('information1')" class="btn">提交</div>                
                            </el-form-item>
                        </el-form>
                    </div>
                    <div class="info-menu"  v-if="stateStep != 1">
                        <div class="edit-title">为了更好地帮您匹配适合您的贷款产品，请根据企业的情况如实填写如下问题的答案。</div>
                        <div class="menu-item">
                            <div class="menu-list">
                                <div class="name">1、上一完整年度的营业收入（单位：元）</div>
                                <div class="value">{{info1.lastYearIncome}}</div>
                            </div>
                            <div class="menu-list">
                                <div class="name">2、上一完整年度是否盈利？</div>
                                <div class="value">{{info1.isLastYearProfit}}</div>
                            </div>
                            <div class="menu-list">
                                <div class="name">3、今年完整年度预计营业收入（单位：元）</div>
                                <div class="value">{{info1.thisYearPlanIncome}}</div>
                            </div>
                            <div class="menu-list">
                                <div class="name">4、今年完整年度预计是否盈利？</div>
                                <div class="value">{{info1.isThisYearPlanProfit}}</div>
                            </div>
                            <div class="menu-list">
                                <div class="name">5、目前是否有银行贷款？</div>
                                <div class="value">{{info1.isHasBankCash}}</div>
                            </div>
                            <div class="menu-list">
                                <div class="name">6、是否曾经进行过股权融资？</div>
                                <div class="value">{{info1.isHadFinancing}}</div>
                            </div>
                            <div class="menu-list">
                                <div class="name">7、目前贷款资金需求金额？（单位：元）</div>
                                <div class="value">{{info1.currentNeedFund}}</div>
                            </div>
                            <div class="menu-list">
                                <div class="name">8、希望贷款资金什么时候到位？</div>
                                <div class="value">{{info1.fundFinishMonthDesc}}</div>
                            </div>
                            <div class="menu-list">
                                <div class="name">9、如果需要，您愿意接受哪些贷款的担保方式？（可多选，选项：信用，担保公司，抵押，股权质押，认股选择权）</div>
                                <div class="value">{{info1.guaranteeMethod.join(',')}}</div>
                            </div>
                        </div>
                        <div @click="refBtn" class="btn">修改答案</div>
                    </div>
                </div>
                <div class="wrap3" v-if="tabIndex == 3">
                    <div class="title">投融资信息
                        <div @click="addBtn1" class="btn">添加</div>
                    </div>
                    <div class="table-wrap">
                        <el-table
                            :data="tableData"
                            border
                            style="width: 100%">
                            <el-table-column
                            prop="masterType"
                            align="center"
                            label="股东名称">
                            </el-table-column>
                            <el-table-column
                            prop="giveNums"
                            align="center"
                            label="出资额">
                            </el-table-column>
                            <el-table-column
                            label="出资比例"
                            align="center"
                            prop="stockRate">
                            </el-table-column>  
                            <el-table-column
                            prop="giveTypeDesc"
                            align="center"
                            label="出资方式">
                            </el-table-column>
                            <el-table-column label="操作" align="center">
                                <template slot-scope="scope">
                                    {{scope.row.financeDate.split(' ')[0]}}
                                </template>
                            </el-table-column>
                            <el-table-column
                            prop="financeLevelDesc"
                            align="center"
                            label="融资阶段">
                            </el-table-column>
                            <el-table-column
                            prop="contactFileInfo.fileName"
                            align="center"
                            label="投融资事件合同">
                            </el-table-column>
                            <el-table-column label="操作" align="center">
                                <template slot-scope="scope">
                                    <el-button @click="editBtn(scope.row.id)" size="small" type="success">编辑</el-button>
                                </template>
                            </el-table-column>
                        </el-table>
                    </div>
                    <el-dialog center title="投融资信息" :visible.sync="dialogFormVisible">
                        <el-form :model="information2" :rules="rules" ref="information2">
                            <el-form-item  prop="financeLevel" label="融资轮次:" :label-width="formLabelWidth">
                                <el-select v-model="information2.financeLevel">
                                    <el-option
                                    v-for="item in financeArr"
                                    :key="item.key"
                                    :label="item.value"
                                    :value="item.key">
                                    </el-option>
                                </el-select>
                            </el-form-item>
                            <el-form-item prop="masterType" class="stock" label="股东名称：" :label-width="formLabelWidth">
                                <el-select  v-model="information2.masterType">
                                    <el-option
                                    v-for="item in masterArr"
                                    :key="item.key"
                                    :label="item.value"
                                    :value="item.key">
                                    </el-option>
                                    <el-option
                                    label="其他"
                                    value="">
                                    </el-option>
                                </el-select>
                                <el-input
                                    v-model="information2.otherMaster"
                                    clearable>
                                </el-input>
                            </el-form-item>
                            <el-form-item prop="stockRate" label="股本占比：" :label-width="formLabelWidth">
                                <el-input
                                    v-model="information2.stockRate"
                                    clearable>
                                </el-input>
                            </el-form-item>
                            <el-form-item prop="giveType" label="出资方式：" :label-width="formLabelWidth">
                                <el-select  v-model="information2.giveType">
                                    <el-option
                                    v-for="item in giveArr"
                                    :key="item.key"
                                    :label="item.value"
                                    :value="item.key">
                                    </el-option>
                                </el-select>
                            </el-form-item>
                            <el-form-item prop="giveNums" label="出资额：" :label-width="formLabelWidth">
                                <el-input
                                    v-model="information2.giveNums"
                                    clearable>
                                </el-input>
                            </el-form-item>
                            <el-form-item prop="currentValue" label="本轮估值：" :label-width="formLabelWidth">
                                <el-input
                                    v-model="information2.currentValue"
                                    clearable>  
                                </el-input>
                            </el-form-item>
                            <el-form-item  prop="financeDate" label="融资时间：" :label-width="formLabelWidth">
                                <el-date-picker
                                    v-model="information2.financeDate"
                                    type="date"
                                    placeholder="选择日期"
                                    format="yyyy 年 MM 月 dd 日"
                                    value-format="yyyy-MM-dd">
                                    </el-date-picker>
                            </el-form-item>
                            <el-form-item  prop="contractFileId" label="合同文件:" :label-width="formLabelWidth">
                                    <el-upload
                                        class="upload-demo"
                                        :action="upLoadUrl"
                                        :on-remove="handleRemove1"
                                        multiple
                                        :limit="1"
                                        :on-success="handleFileSuccess1"
                                        :file-list="fileList">
                                        <el-button size="small" type="primary">点击上传</el-button>
                                    </el-upload>
                            </el-form-item>
                        </el-form>
                        <div slot="footer" class="dialog-footer">
                            <el-button @click="dialogFormVisible = false">取消</el-button>
                            <el-button type="primary" @click="submitBtn2('information2')">提交</el-button>
                        </div>
                    </el-dialog>
                </div>
                <div class="wrap4" v-if="tabIndex == 4">
                    <div class="title">财务信息
                        <div @click="addFinance" class="btn">添加财务信息</div>
                    </div>
                    <div class="table-wrap" :class="editState?'edit':''">
                        <div class="table-year">
                            <div class="table-title">年度</div>
                            <div class="table-item">
                                <div class="table-list" :class="index == yearIndex?'active':''" @click="yearSelect(index)" v-for="(item,index) in yearArr" :key="index">{{item.rtpYear}}</div>
                            </div>
                        </div>
                        <div class="table-month">
                            <div class="table-title">季度</div>
                            <div class="table-item" >
                                <div  v-if="yearArr&&yearArr.length">
                                    <div @click="regClick(index,item.id)" v-for="(item,index) in yearArr[yearIndex].financeDatas" :class="index == rptIndex?'active':''" :key="index" class="table-list">{{retunStr(item.rptQuarter)}}</div>
                                </div>
                            </div>
                        </div>
                        <div class="table-detail">
                            <div class="table-title">
                                <div class="tab-item">
                                    <div v-for="(item,index) in typeArr" @click="typeBtn(index)" :class="tableType == index+1?'active':''" :key="index" class="tab-list">{{item.value}}</div>
                                </div>
                                <div class="date"><span>报告时间：</span>{{projectDate}}</div>
                                <div class="state"><span>审核状态：</span>未审核</div>
                                <div class="change">修改</div>
                            </div>
                            <div class="table-file">
                                <div class="name">上传资产负债表文件：</div>
                            <el-upload
                                class="upload-demo"
                                :action="upLoadUrl"
                                :on-remove="handleRemove"
                                :show-file-list="false"
                                :on-success="handleFileSuccess">
                                    <div class="btn">上传</div>
                                </el-upload>
                                <div class="file-name">{{fileName}}</div>
                            </div>
                            <div v-show="tableType == 1" class="table-menu">
                                <div class="menu-title">资产负债表</div>
                                <div v-if="!editState" @click="editBtn3" class="btn">编辑</div>
                                <el-form :model="information3" :rules="rules3" ref="information3" >
                                    <div class="name-title">一、资产总计</div>
                                    <el-form-item prop="currentAssets">
                                        <div class="desc">
                                            <span>流动资产合计：</span>
                                            <div v-show="!editState" class="tip">{{info3.balanceSheetData?info3.balanceSheetData.currentAssets:''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information3.currentAssets" placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="bankCash">
                                        <div class="desc">
                                            <span>货币资金：</span>
                                            <div v-show="!editState" class="tip">{{info3.balanceSheetData?info3.balanceSheetData.bankCash:''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information3.bankCash" placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="currentInvestment">
                                        <div class="desc">
                                            <span>短期投资：</span>
                                            <div v-show="!editState" class="tip">{{info3.balanceSheetData?info3.balanceSheetData.currentInvestment:''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information3.currentInvestment" placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="notesReceivable">
                                        <div class="desc">
                                            <span>应收票据：</span>
                                            <div v-show="!editState" class="tip">{{info3.balanceSheetData?info3.balanceSheetData.notesReceivable:''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information3.notesReceivable" placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="accountReceivable">
                                        <div class="desc">
                                            <span>应收账款：</span>
                                            <div v-show="!editState" class="tip">{{info3.balanceSheetData?info3.balanceSheetData.accountReceivable:''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information3.accountReceivable" placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="otherReceivable">
                                        <div class="desc">
                                            <span>其它应收款：</span>
                                            <div v-show="!editState" class="tip">{{info3.balanceSheetData?info3.balanceSheetData.otherReceivable:''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information3.otherReceivable" placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="prepayment">
                                        <div class="desc">
                                            <span>预付款项：</span>
                                            <div v-show="!editState" class="tip">{{info3.balanceSheetData?info3.balanceSheetData.prepayment:''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information3.prepayment" placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="inventory">
                                        <div class="desc">
                                            <span>存货：</span>
                                            <div v-show="!editState" class="tip">{{info3.balanceSheetData?info3.balanceSheetData.inventory:''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information3.inventory" placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="otherAssets">
                                        <div class="desc">
                                            <span>其它资产合计：</span>
                                            <div v-show="!editState" class="tip">{{info3.balanceSheetData?info3.balanceSheetData.otherAssets:''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information3.otherAssets" placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="longtermInvestment">
                                        <div class="desc">
                                            <span>长期投资：</span>
                                            <div v-show="!editState" class="tip">{{info3.balanceSheetData?info3.balanceSheetData.longtermInvestment :''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information3.longtermInvestment " placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="netBal">
                                        <div class="desc">
                                            <span>固定资产净值：</span>
                                            <div v-show="!editState" class="tip">{{info3.balanceSheetData?info3.balanceSheetData.netBal:''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information3.netBal " placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="constructionInprogress">
                                        <div class="desc">
                                            <span>在建工程：</span>
                                            <div v-show="!editState" class="tip">{{info3.balanceSheetData?info3.balanceSheetData.constructionInprogress :''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information3.constructionInprogress  " placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="intangibleAssets">
                                        <div class="desc">
                                            <span>无形资产：</span>
                                            <div v-show="!editState" class="tip">{{info3.balanceSheetData?info3.balanceSheetData.intangibleAssets:''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information3.intangibleAssets" placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="longtermDeferredExpense">
                                        <div class="desc">
                                            <span>长期待摊费用：</span>
                                            <div v-show="!editState" class="tip">{{info3.balanceSheetData?info3.balanceSheetData.longtermDeferredExpense:''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information3.longtermDeferredExpense" placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <div class="name-title">二、负债总额</div>
                                    <div class="second">
                                        <el-form-item prop="totalCurrentLiability">
                                                <div class="desc num">
                                                    <span>1、流动负债合计：</span>
                                                    <div v-show="!editState" class="tip">{{info3.balanceSheetData?info3.balanceSheetData.totalCurrentLiability:''}}</div>
                                                    <div v-show="editState" class="tip"><el-input v-model="information3.totalCurrentLiability" placeholder="请输入内容"></el-input></div>
                                                </div>
                                        </el-form-item>
                                        <el-form-item prop="shorttermLoans">
                                                <div class="desc">
                                                    <span>短期借款：</span>
                                                    <div v-show="!editState" class="tip">{{info3.balanceSheetData?info3.balanceSheetData.shorttermLoans:''}}</div>
                                                    <div v-show="editState" class="tip"><el-input v-model="information3.shorttermLoans" placeholder="请输入内容"></el-input></div>
                                                </div>
                                        </el-form-item>
                                        <el-form-item prop="notesPayable">
                                                <div class="desc">
                                                    <span>应付票据：</span>
                                                    <div v-show="!editState" class="tip">{{info3.balanceSheetData?info3.balanceSheetData.notesPayable:''}}</div>
                                                    <div v-show="editState" class="tip"><el-input v-model="information3.notesPayable" placeholder="请输入内容"></el-input></div>
                                                </div>
                                        </el-form-item>
                                        <el-form-item prop="advanceFromCustomers">
                                                <div class="desc">
                                                    <span>预收账款：</span>
                                                    <div v-show="!editState" class="tip">{{info3.balanceSheetData?info3.balanceSheetData.advanceFromCustomers:''}}</div>
                                                    <div v-show="editState" class="tip"><el-input v-model="information3.advanceFromCustomers" placeholder="请输入内容"></el-input></div>
                                                </div>
                                        </el-form-item>
                                        <el-form-item prop="accountsPayable">
                                                <div class="desc">
                                                    <span>应付账款：</span>
                                                    <div v-show="!editState" class="tip">{{info3.balanceSheetData?info3.balanceSheetData.accountsPayable:''}}</div>
                                                    <div v-show="editState" class="tip"><el-input v-model="information3.accountsPayable" placeholder="请输入内容"></el-input></div>
                                                </div>
                                        </el-form-item>
                                        <el-form-item prop="taxesPayable">
                                                <div class="desc">
                                                    <span>应交税金：</span>
                                                    <div v-show="!editState" class="tip">{{info3.balanceSheetData?info3.balanceSheetData.taxesPayable :''}}</div>
                                                    <div v-show="editState" class="tip"><el-input v-model="information3.taxesPayable" placeholder="请输入内容"></el-input></div>
                                                </div>
                                        </el-form-item>
                                        <el-form-item prop="otherPayable">
                                                <div class="desc">
                                                    <span>其它应付款：</span>
                                                    <div v-show="!editState" class="tip">{{info3.balanceSheetData?info3.balanceSheetData.otherPayable :''}}</div>
                                                    <div v-show="editState" class="tip"><el-input v-model="information3.otherPayable" placeholder="请输入内容"></el-input></div>
                                                </div>
                                        </el-form-item>
                                        <el-form-item prop="otherCurrentLiability">
                                                <div class="desc">
                                                    <span>其它流动负债(未付利润)：</span>
                                                    <div v-show="!editState" class="tip">{{info3.balanceSheetData?info3.balanceSheetData.otherCurrentLiability :''}}</div>
                                                    <div v-show="editState" class="tip"><el-input v-model="information3.otherCurrentLiability" placeholder="请输入内容"></el-input></div>
                                                </div>
                                        </el-form-item>
                                        <el-form-item prop="totalLongtermLiability">
                                                <div class="desc num">
                                                    <span>2、长期负债合计：</span>
                                                    <div v-show="!editState" class="tip">{{info3.balanceSheetData?info3.balanceSheetData.totalLongtermLiability:''}}</div>
                                                    <div v-show="editState" class="tip"><el-input v-model="information3.totalLongtermLiability" placeholder="请输入内容"></el-input></div>
                                                </div>
                                        </el-form-item>
                                        <el-form-item prop="longtermLoans">
                                                <div class="desc">
                                                    <span>长期借款：</span>
                                                    <div v-show="!editState" class="tip">{{info3.balanceSheetData?info3.balanceSheetData.longtermLoans :''}}</div>
                                                    <div v-show="editState" class="tip"><el-input v-model="information3.longtermLoans" placeholder="请输入内容"></el-input></div>
                                                </div>
                                        </el-form-item>
                                    </div>
                                    <div class="name-title">三、所有者权益</div>
                                    <div class="second">
                                        <el-form-item prop="netBa">
                                                <div class="desc num">
                                                    <span>1、实收资本：</span>
                                                    <div v-show="!editState" class="tip">{{info3.balanceSheetData?info3.balanceSheetData.netBa:''}}</div>
                                                    <div v-show="editState" class="tip"><el-input v-model="information3.netBa" placeholder="请输入内容"></el-input></div>
                                                </div>
                                        </el-form-item>
                                        <el-form-item prop="capitalReserves">
                                                <div class="desc">
                                                    <span>资本公积：</span>
                                                    <div v-show="!editState" class="tip">{{info3.balanceSheetData?info3.balanceSheetData.capitalReserves :''}}</div>
                                                    <div v-show="editState" class="tip"><el-input v-model="information3.capitalReserves" placeholder="请输入内容"></el-input></div>
                                                </div>
                                        </el-form-item>
                                        <el-form-item prop="surplusReserves">
                                                <div class="desc">
                                                    <span>盈余公积：</span>
                                                    <div v-show="!editState" class="tip">{{info3.balanceSheetData?info3.balanceSheetData.surplusReserves :''}}</div>
                                                    <div v-show="editState" class="tip"><el-input v-model="information3.surplusReserves" placeholder="请输入内容"></el-input></div>
                                                </div>
                                        </el-form-item>
                                        <el-form-item prop="retainedProfits">
                                                <div class="desc num">
                                                    <span>2、未分配利润：</span>
                                                    <div v-show="!editState" class="tip">{{info3.balanceSheetData?info3.balanceSheetData.retainedProfits:''}}</div>
                                                    <div v-show="editState" class="tip"><el-input v-model="information3.retainedProfits" placeholder="请输入内容"></el-input></div>
                                                </div>
                                        </el-form-item>
                                    </div>
                                    <el-form-item>
                                            <el-button v-if="editState" type="primary" @click="confrimBtn1('information3')">确 定</el-button> 
                                    </el-form-item>
                                </el-form>
                                
                            </div>
                            <div v-show="tableType == 2" class="table-menu">
                                <div class="menu-title">利润表</div>
                                <div v-if="!editState" @click="editBtn" class="btn">编辑</div>
                                <el-form :model="information4" :rules="rules2" ref="information4" >
                                    <div class="name-title">一、主营收入</div>
                                    <el-form-item prop="revenue">
                                        <div class="desc">
                                            <span>主营收入：</span>
                                            <div v-show="!editState" class="tip">{{info3.profitSheetData?info3.profitSheetData.revenue:''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information4.revenue" placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <div class="name-title">二、主营成本</div>
                                    <el-form-item prop="salesCost">
                                        <div class="desc">
                                            <span>主营成本：</span>
                                            <div v-show="!editState" class="tip">{{info3.profitSheetData?info3.profitSheetData.salesCost:''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information4.salesCost" placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <div class="name-title">三、毛利</div>
                                    <el-form-item prop="grossProfit">
                                        <div class="desc">
                                            <span>毛利：</span>
                                            <div v-show="!editState" class="tip">{{info3.profitSheetData?info3.profitSheetData.grossProfit :''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information4.grossProfit " placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="otherProfit">
                                        <div class="desc">
                                            <span>其他业务利润：</span>
                                            <div v-show="!editState" class="tip">{{info3.profitSheetData?info3.profitSheetData.otherProfit :''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information4.otherProfit " placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="operatingExpense">
                                        <div class="desc">
                                            <span>经营费用：</span>
                                            <div v-show="!editState" class="tip">{{info3.profitSheetData?info3.profitSheetData.operatingExpense :''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information4.operatingExpense " placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="adminExpense">
                                        <div class="desc">
                                            <span>管理费用：</span>
                                            <div v-show="!editState" class="tip">{{info3.profitSheetData?info3.profitSheetData.adminExpense :''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information4.adminExpense " placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="financeExpense">
                                        <div class="desc">
                                            <span>财务费用：</span>
                                            <div v-show="!editState" class="tip">{{info3.profitSheetData?info3.profitSheetData.financeExpense:''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information4.financeExpense " placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="interestExpense">
                                        <div class="desc">
                                            <span>其中：利息支出：</span>
                                            <div v-show="!editState" class="tip">{{info3.profitSheetData?info3.profitSheetData.interestExpense:''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information4.interestExpense" placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="investmentIncome">
                                        <div class="desc">
                                            <span>投资收益：</span>
                                            <div v-show="!editState" class="tip">{{info3.profitSheetData?info3.profitSheetData.investmentIncome:''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information4.investmentIncome" placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <div class="name-title">四、营业利润</div>
                                    <el-form-item prop="operationProfit">
                                        <div class="desc">
                                            <span>营业利润：</span>
                                            <div v-show="!editState" class="tip">{{info3.profitSheetData?info3.profitSheetData.operationProfit :''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information4.operationProfit " placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="nonOperationIncome">
                                        <div class="desc">
                                            <span>营业外收入：</span>
                                            <div v-show="!editState" class="tip">{{info3.profitSheetData?info3.profitSheetData.nonOperationIncome:''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information4.nonOperationIncome" placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="nonOperationExpense">
                                        <div class="desc">
                                            <span>营业外支出：</span>
                                            <div v-show="!editState" class="tip">{{info3.profitSheetData?info3.profitSheetData.nonOperationExpense:''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information4.nonOperationExpense" placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <div class="name-title">五、利润总额</div>
                                    <el-form-item prop="beforeTaxProfit">
                                        <div class="desc">
                                            <span>利润总额：</span>
                                            <div v-show="!editState" class="tip">{{info3.profitSheetData?info3.profitSheetData.beforeTaxProfit:''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information4.beforeTaxProfit" placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <div class="name-title">六、净利润</div>
                                    <el-form-item prop="netProfit">
                                        <div class="desc">
                                            <span>净利润：</span>
                                            <div v-show="!editState" class="tip">{{info3.profitSheetData?info3.profitSheetData.netProfit :''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information4.netProfit" placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item>
                                            <el-button v-if="editState" type="primary" @click="confrimBtn2('information4')">确 定</el-button> 
                                    </el-form-item>
                                </el-form>
                                
                            </div>
                            <div v-show="tableType == 3" class="table-menu">
                                <div class="menu-title">现金流量表</div>
                                <div v-if="!editState" @click="editBtn" class="btn">编辑</div>
                                <el-form :model="information2" :rules="rules3" ref="information2" >
                                    <div class="name-title">一、主营收入</div>
                                    <el-form-item prop="revenue">
                                        <div class="desc">
                                            <span>主营收入：</span>
                                            <div v-show="!editState" class="tip">{{info.profitSheetData?info.profitSheetData.revenue:''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information1.revenue" placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <div class="name-title">二、主营成本</div>
                                    <el-form-item prop="salesCost">
                                        <div class="desc">
                                            <span>主营成本：</span>
                                            <div v-show="!editState" class="tip">{{info.profitSheetData?info.profitSheetData.salesCost:''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information1.salesCost" placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <div class="name-title">三、毛利</div>
                                    <el-form-item prop="grossProfit">
                                        <div class="desc">
                                            <span>毛利：</span>
                                            <div v-show="!editState" class="tip">{{info.profitSheetData?info.profitSheetData.grossProfit :''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information1.grossProfit " placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="otherProfit">
                                        <div class="desc">
                                            <span>其他业务利润：</span>
                                            <div v-show="!editState" class="tip">{{info.profitSheetData?info.profitSheetData.otherProfit :''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information1.otherProfit " placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="operatingExpense">
                                        <div class="desc">
                                            <span>经营费用：</span>
                                            <div v-show="!editState" class="tip">{{info.profitSheetData?info.profitSheetData.operatingExpense :''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information1.operatingExpense " placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="adminExpense">
                                        <div class="desc">
                                            <span>管理费用：</span>
                                            <div v-show="!editState" class="tip">{{info.profitSheetData?info.profitSheetData.adminExpense :''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information1.adminExpense " placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="financeExpense">
                                        <div class="desc">
                                            <span>财务费用：</span>
                                            <div v-show="!editState" class="tip">{{info.profitSheetData?info.profitSheetData.financeExpense:''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information1.financeExpense " placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="interestExpense">
                                        <div class="desc">
                                            <span>其中：利息支出：</span>
                                            <div v-show="!editState" class="tip">{{info.profitSheetData?info.profitSheetData.interestExpense:''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information1.interestExpense" placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="investmentIncome">
                                        <div class="desc">
                                            <span>投资收益：</span>
                                            <div v-show="!editState" class="tip">{{info.profitSheetData?info.profitSheetData.investmentIncome:''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information1.investmentIncome" placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <div class="name-title">四、营业利润</div>
                                    <el-form-item prop="operationProfit">
                                        <div class="desc">
                                            <span>营业利润：</span>
                                            <div v-show="!editState" class="tip">{{info.profitSheetData?info.profitSheetData.operationProfit :''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information1.operationProfit " placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="nonOperationIncome">
                                        <div class="desc">
                                            <span>营业外收入：</span>
                                            <div v-show="!editState" class="tip">{{info.profitSheetData?info.profitSheetData.nonOperationIncome:''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information1.nonOperationIncome" placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item prop="nonOperationExpense">
                                        <div class="desc">
                                            <span>营业外支出：</span>
                                            <div v-show="!editState" class="tip">{{info.profitSheetData?info.profitSheetData.nonOperationExpense:''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information1.nonOperationExpense" placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <div class="name-title">五、利润总额</div>
                                    <el-form-item prop="beforeTaxProfit">
                                        <div class="desc">
                                            <span>利润总额：</span>
                                            <div v-show="!editState" class="tip">{{info.profitSheetData?info.profitSheetData.beforeTaxProfit:''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information1.beforeTaxProfit" placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <div class="name-title">六、净利润</div>
                                    <el-form-item prop="netProfit">
                                        <div class="desc">
                                            <span>净利润：</span>
                                            <div v-show="!editState" class="tip">{{info.profitSheetData?info.profitSheetData.netProfit :''}}</div>
                                            <div v-show="editState" class="tip"><el-input v-model="information1.netProfit" placeholder="请输入内容"></el-input></div>
                                        </div>
                                    </el-form-item>
                                    <el-form-item>
                                            <el-button v-if="editState" type="primary" @click="confrimBtn2('information1')">确 定</el-button> 
                                    </el-form-item>
                                </el-form>
                            </div>
                        </div>
                    </div>
                    <el-dialog title="添加财务报表" :visible.sync="dialogFormVisible1">
                        <el-form :model="form" :rules="form0" ref="form">
                            <el-form-item  prop="rptYear" label="选择年份" :label-width="formLabelWidth">
                                <el-date-picker
                                v-model="form.rptYear"
                                type="year"
                                value-format="yyyy"
                                placeholder="选择年">
                                </el-date-picker>
                            </el-form-item>
                            <el-form-item prop="rptQuarter" label="选择季度" :label-width="formLabelWidth">
                            <el-select  v-model="form.rptQuarter">
                                    <el-option
                                    v-for="item in rpyArr"
                                    :key="item.key"
                                    :label="item.value"
                                    :value="item.key">
                                    </el-option>
                                </el-select>
                            </el-form-item>
                            <el-form-item  prop="excelFileId" label="上传资产负债表文件：" :label-width="formLabelWidth">
                            <el-upload
                                class="upload-demo"
                                :action="upLoadUrl"
                                :on-remove="handleRemove"
                                :limit="1"
                                :on-success="handleFileSuccess"
                                :file-list="fileList">
                                    <div class="btn">上传</div>
                                </el-upload>
                            </el-form-item>
                        </el-form>
                        <div slot="footer" class="dialog-footer">
                            <el-button @click="dialogFormVisible1 = false">取 消</el-button>
                            <el-button type="primary" @click="confrimBtn('form')">确 定</el-button>
                        </div>
                    </el-dialog>
                </div>
                <div class="wrap5" v-if="tabIndex == 5">
                    <div class="plan-wrap">
                        <div class="file-btn">
                            <div class="file-name">{{fileName5}}</div>
                            <el-upload
                            class="upload-demo"
                            :action="upLoadUrl"
                            :on-remove="handleRemove5"
                            :show-file-list="false"
                            :on-success="handleFileSuccess5"
                        >
                            <div class="btn">上传</div>
                            </el-upload>
                        </div>
                        <div class="edit-btn">
                            <div @click="editBtn5" v-if="state" class="btn">编辑</div>
                        </div>
                        <el-form :model="information5" :rules="rules5" ref="information5" >
                            <div class="info-item">
                                <div class="type-title">现有能力</div>
                                <el-form-item prop="cuPeopleInfo">
                                    <div class="info-list">
                                        <div class="question">企业现有人力资源配置（包括企业管理人员、研发人员、生产人员、销售人员的结构和基本情况）</div>
                                        <div v-show="state" class="answer">{{information5.cuPeopleInfo}}</div>
                                        <el-input
                                        v-show="!state"
                                        type="textarea"
                                        :autosize="{ minRows: 2, maxRows: 4}"
                                        placeholder="请输入内容"
                                        v-model="information5.cuPeopleInfo">
                                        </el-input>
                                    </div>
                                </el-form-item>
                                <el-form-item prop="cuDevelopInfo">
                                    <div class="info-list">
                                            <div class="question">企业研发能力（包括企业的研发队伍研发工作资金投入以及近年来取得的研究开发结果）</div>
                                            <div v-show="state" class="answer">{{information5.cuDevelopInfo}}</div>
                                        <el-input v-show="!state"
                                        type="textarea"
                                        :autosize="{ minRows: 2, maxRows: 4}"
                                        placeholder="请输入内容"
                                        v-model="information5.cuDevelopInfo">
                                        </el-input>
                                    </div>
                                </el-form-item>
                                <el-form-item prop="cuProductCondition">
                                    <div class="info-list">
                                        <div class="question">企业现有生产设施设备条件（包括企业已具备的生产条件）</div>
                                        <div v-show="state" class="answer">{{information5.cuProductCondition}}</div>
                                        <el-input v-show="!state"
                                        type="textarea"
                                        :autosize="{ minRows: 2, maxRows: 4}"
                                        placeholder="请输入内容"
                                        v-model="information5.cuProductCondition">
                                        </el-input>
                                    </div>
                                </el-form-item>
                                <el-form-item prop="cuSalesInfo">
                                    <div class="info-list">
                                            <div class="question">企业营销能力（包括企业经营模式和市场策划能力、销售推荐机构等）</div>
                                            <div v-show="state" class="answer">{{information5.cuSalesInfo}}</div>
                                        <el-input
                                        type="textarea" v-show="!state"
                                        :autosize="{ minRows: 2, maxRows: 4}"
                                        placeholder="请输入内容"
                                        v-model="information5.cuSalesInfo">
                                        </el-input>
                                    </div>
                                </el-form-item>
                                <el-form-item prop="cuOtherInfo">
                                    <div class="info-list">
                                            <div class="question">其他特殊能力（包括已获得的质量认证、高新技术企业认证以及其他特殊资格或证明等）</div>
                                            <div v-show="state" class="answer">{{information5.cuOtherInfo}}</div>
                                        <el-input
                                        type="textarea" v-show="!state"
                                        :autosize="{ minRows: 2, maxRows: 4}"
                                        placeholder="请输入内容"
                                        v-model="information5.cuOtherInfo">
                                        </el-input>
                                    </div>
                                </el-form-item>          
                            </div>
                            <div class="info-item">
                                <div class="type-title">发展情况</div>
                                <el-form-item prop="deOpenInfo">
                                    <div class="info-list">
                                        <div class="question">企业最初成立情况及发展历程</div>
                                        <div v-show="state" class="answer">{{information5.deOpenInfo}}</div>
                                        <el-input
                                        type="textarea" v-show="!state"
                                        :autosize="{ minRows: 2, maxRows: 4}"
                                        placeholder="请输入内容"
                                        v-model="information5.deOpenInfo">
                                        </el-input>
                                    </div>
                                </el-form-item>    
                                <el-form-item prop="deRewardInfo">
                                    <div class="info-list">
                                        <div class="question">曾经获得(或申请过)科技项目支持情况</div>
                                        <div v-show="state" class="answer">{{information5.deRewardInfo}}</div>
                                        <el-input
                                        type="textarea" v-show="!state"
                                        :autosize="{ minRows: 2, maxRows: 4}"
                                        placeholder="请输入内容"
                                        v-model="information5.deRewardInfo">
                                        </el-input>
                                    </div>
                                </el-form-item>    
                                <el-form-item prop="deProductInfo">
                                    <div class="info-list">
                                        <div class="question">重大项目开发与主要产品上市</div>
                                        <div v-show="state" class="answer">{{information5.deProductInfo}}</div>
                                        <el-input
                                        type="textarea" v-show="!state"
                                        :autosize="{ minRows: 2, maxRows: 4}"
                                        placeholder="请输入内容"
                                        v-model="information5.deProductInfo">
                                        </el-input>
                                    </div>
                                </el-form-item>   
                                <el-form-item prop="deFinanceInfo">
                                    <div class="info-list">
                                        <div class="question">重大融资事件</div>
                                        <div v-show="state" class="answer">{{information5.deFinanceInfo}}</div>
                                        <el-input
                                        type="textarea" v-show="!state"
                                        :autosize="{ minRows: 2, maxRows: 4}"
                                        placeholder="请输入内容"
                                        v-model="information5.deFinanceInfo">
                                        </el-input>
                                    </div>
                                </el-form-item>    
                                <el-form-item prop="deOtherInfo">
                                    <div class="info-list">
                                        <div class="question">企业认为的其他重大事件</div>
                                        <div v-show="state" class="answer">{{information5.deOtherInfo}}</div>
                                        <el-input
                                        type="textarea" v-show="!state"
                                        :autosize="{ minRows: 2, maxRows: 4}"
                                        placeholder="请输入内容"
                                        v-model="information5.deOtherInfo">
                                        </el-input>
                                    </div>
                                </el-form-item>     
                            </div>   
                            <div class="info-item">
                                <div class="type-title">市场概述</div>
                                <el-form-item prop="maProductInfo">
                                    <div class="info-list">
                                        <div class="question">主营产品的市场概况及需求情况（简要主营业务产品国内外市场容量、发展状况、未来发展趋势）</div>
                                        <div v-show="state" class="answer">{{information5.maProductInfo}}</div>
                                        <el-input
                                        type="textarea" v-show="!state"
                                        :autosize="{ minRows: 2, maxRows: 4}"
                                        placeholder="请输入内容"
                                        v-model="information5.maProductInfo">
                                        </el-input>
                                    </div>
                                </el-form-item>    
                                <el-form-item prop="maTargetMasketInfo">
                                    <div class="info-list">
                                        <div class="question">主营产品的目标市场（结合产品优势、企业优势、确定该产品的细分市场定位）</div>
                                        <div v-show="state" class="answer">{{information5.maTargetMasketInfo}}</div>
                                        <el-input
                                        type="textarea" v-show="!state"
                                        :autosize="{ minRows: 2, maxRows: 4}"
                                        placeholder="请输入内容"
                                        v-model="information5.maTargetMasketInfo">
                                        </el-input>
                                    </div>
                                </el-form-item>     
                            </div>   
                            <div class="info-item">
                                <div class="type-title">发展预测</div>
                                <el-form-item prop="prContendersInfo">
                                    <div class="info-list">
                                        <div class="question">主营产品的主要竞争者（在主营产品的目标市场中，主要的同类产品名称、产品开发企业、产品开发、产品销售情况）</div>
                                        <div v-show="state" class="answer">{{information5.prContendersInfo}}</div>
                                        <el-input
                                        type="textarea" v-show="!state"
                                        :autosize="{ minRows: 2, maxRows: 4}"
                                        placeholder="请输入内容"
                                        v-model="information5.prContendersInfo">
                                        </el-input>
                                    </div>
                                </el-form-item>    
                                <el-form-item prop="prTechAdvantage">
                                    <div class="info-list">
                                        <div class="question">主营产品的技术性能比较优势（根据主要竞争对手的青睐，分析本项目产品的技术性能比较优势，要有数据分析，对比）</div>
                                        <div v-show="state" class="answer">{{information5.prTechAdvantage}}</div>
                                        <el-input
                                        type="textarea" v-show="!state"
                                        :autosize="{ minRows: 2, maxRows: 4}"
                                        placeholder="请输入内容"
                                        v-model="information5.prTechAdvantage">
                                        </el-input>
                                    </div>
                                </el-form-item>  
                                <el-form-item prop="prMasketAdvantage">
                                    <div class="info-list">
                                        <div class="question">主营产品的其他市场竞争优势（从产品的顾客价值、价格优势、生成及销售合作网络建设、行为认知、企业管理、客户管理等方面进行阐述）</div>
                                        <div v-show="state" class="answer">{{information5.prMasketAdvantage}}</div>
                                        <el-input
                                        type="textarea" v-show="!state"
                                        :autosize="{ minRows: 2, maxRows: 4}"
                                        placeholder="请输入内容"
                                        v-model="information5.prMasketAdvantage">
                                        </el-input>
                                    </div>
                                </el-form-item>  
                                <el-form-item prop="prDevelopStrategy">
                                    <div class="info-list">
                                        <div class="question">主营产品的开发、生产策略（主要阐述如何利用企业优势，合理组织各种资源，组织产品的开发与生产，提高产品的性能，降低产品成本，提高产品综合竞争能力）</div>
                                        <div v-show="state" class="answer">{{information5.prDevelopStrategy}}</div>
                                        <el-input
                                        type="textarea" v-show="!state"
                                        :autosize="{ minRows: 2, maxRows: 4}"
                                        placeholder="请输入内容"
                                        v-model="information5.prDevelopStrategy">
                                        </el-input>
                                    </div>
                                </el-form-item>  
                                <el-form-item prop="prSalesStrategy">
                                    <div class="info-list">
                                        <div class="question">主营产品的市场营销策略（阐述企业制定的项目产品市场推广计划，产品销售计划，及制定计划是所采取的各种策略）</div>
                                        <div v-show="state" class="answer">{{information5.prSalesStrategy}}</div>
                                        <el-input
                                        type="textarea" v-show="!state"
                                        :autosize="{ minRows: 2, maxRows: 4}"
                                        placeholder="请输入内容"
                                        v-model="information5.prSalesStrategy">
                                        </el-input>
                                    </div>
                                </el-form-item>
                                <el-form-item prop="prProfitModel">
                                    <div class="info-list">
                                        <div class="question">主营产品获利模式（阐述如何将项目产品转化为商业价值，转化为商品，实现商业价值、形成现金流、获取利润的模式）</div>
                                        <div v-show="state" class="answer">{{information5.prProfitModel}}</div>
                                        <el-input
                                        type="textarea" v-show="!state"
                                        :autosize="{ minRows: 2, maxRows: 4}"
                                        placeholder="请输入内容"
                                        v-model="information5.prProfitModel">
                                        </el-input>
                                    </div>
                                </el-form-item>   
                                <el-form-item prop="prPeoplePlan">
                                    <div class="info-list">
                                        <div class="question">公司治理结构及人力资源规划（阐述本项目在开发、生产、销售等环节上人力资源的设置和培养）</div>
                                        <div v-show="state" class="answer">{{information5.prPeoplePlan}}</div>
                                        <el-input
                                        type="textarea" v-show="!state"
                                        :autosize="{ minRows: 2, maxRows: 4}"
                                        placeholder="请输入内容"
                                        v-model="information5.prPeoplePlan">
                                        </el-input>
                                    </div>
                                </el-form-item>     
                            </div> 
                            <div class="info-item">
                                <div class="type-title">主营产品的竞争优势分析</div>
                                <el-form-item prop="plFuturePlan">
                                    <div class="info-list">
                                        <div class="question">分析企业未来1-3年的定位及发展规划</div>
                                        <div v-show="state" class="answer">{{information5.plFuturePlan}}</div>
                                        <el-input
                                        type="textarea" v-show="!state"
                                        :autosize="{ minRows: 2, maxRows: 4}"
                                        placeholder="请输入内容"
                                        v-model="information5.plFuturePlan">
                                        </el-input>
                                    </div>
                                </el-form-item>    
                                <div v-if="!state" class="btn" @click="submitBtn5('information5')">确定</div>
                            </div>      
                        </el-form>    
                        <!-- </div> -->
                    </div>
                </div>
              </div>
            </div>
          </div>
        </el-col>
      </div>
    </div>
  </div>
</template>

<script>
let CONSTANT = require('../../../constant/constant.js'),
    common = require('../../../common.js'),
    config = require('../../../config/config.js')
import VueRouter from 'vue-router'
export default {
  name: 'menulist',
  data(){
    return{
      configObj:'',
      href:'',
      companyName:'',
      financeArr: [],
      masterArr: [],
      giveArr: [],
      id:'',
      info: {
          coreData: {}
      },
      information:{},
      tabArr:[
          {
              name:'基础信息',
              value:1
          },
          {
              name:'初审认证',
              value:2
          },
          {
              name:'投融资信息',
              value:3
          },
          {
              name:'财务信息',
              value:4
          },
          {
              name:'商业计划书',
              value:5
          }
      ],
      tabIndex:2,
      industryArr:[],
      secondArr:[],
      thirdArr:[],
      positionArr:[],
      fileShowList:[],
      information:{
          companyName:'',
          parentChannelCode:'',
          firstIndustry:'',
          secondIndustry:'',
          thirdIndustry:'',
          regdate:'',
          regProvinceCode :'',
          regCityCode:'',
          regDistrictCode:"",
          unifiedCreditNumber :'',
          legalCardId :'',
          actualCardId:'',
          licenceId:'',
          regProvinceCode1:'',
          regCityCode1:'',
          regDistrictCode1:"",
          regAddress:'',
          runProvinceCode:'',
          runRegCityCode:'',
          runRegDistrictCode:'',
          runRegAddress:'',
          companyPeople:'',
          contactDatas:[{
              age:'',
              position:'',
              trueName:'',
              introduction:''
          }]
      },
      rules:[],
      uploadShow:false,
      upLoadUrl:'',
      addressArr:[],
      cityArr:[],
      districtArr:[],
      cityArr1:[],
      districtArr1:[],
      cityArr2:[],
      districtArr2:[],
      channelArr:[],
      stateStep:1,
      methodArr:[],
      roleArr:[],
      companyArr:[],
      information1: {
        currentNeedFund: '',
        fundFinishMonth: "",
        guaranteeMethod: [],
        isHadFinancing: "",
        isHasBankCash: "",
        isLastYearProfit: "",
        isThisYearPlanProfit: '',
        lastYearIncome: '',
        thisYearPlanIncome:''
      },
      info1:'',
      rules1: {
        //   lastYearIncome : [
        //     { required: true, message: '请输入上一完整年度的营业收入', trigger: 'blur' }
        //   ],
        //   isLastYearProfit: [
        //     { required: true, message: '请填写上一完整年度是否盈利的答案', trigger: 'blur' }
        //   ],
        //   thisYearPlanIncome: [
        //     { required: true, message: '请输入今年完整年度预计营业收入', trigger: 'blur' }
        //   ],
        //   isThisYearPlanProfit: [
        //     { required: true, message: '请填写今年完整年度预计是否盈利的答案', trigger: 'blur' }
        //   ],
        //   isHasBankCash: [
        //     { required: true, message: '请填写目前是否有银行贷款的答案', trigger: 'blur' }
        //   ],
        //   isHadFinancing: [
        //     { required: true, message: '请填写是否曾经进行过股权融资的答案', trigger: 'blur' }
        //   ],
        //   currentNeedFund: [
        //     { required: true, message: '请输入目前贷款资金需求金额', trigger: 'blur' }
        //   ],
        //   fundFinishMonth: [
        //     { required: true, message: '请选择希望贷款资金什么时候到位', trigger: 'blur' }
        //   ],
        //   guaranteeMethod: [
        //     { required: true, message: '请选择贷款的担保方式', trigger: 'blur' }
        //   ],
      },
      dialogFormVisible:false,
      tableData:[],
      formLabelWidth:'150',
      information2: {
        financeLevel:'',
        masterType:'',
        otherMaster:'',
        currentValue:'',
        stockRate:'',
        giveType:'',
        giveNums:'',
        financeDate:'',
        contractFileId:''
      },
      rules2: {
            financeLevel:[
                {required: true, message: '请选择融资轮次', trigger: 'change'  }
            ],
            masterType: [
                { required: true, message: '请选择股东名称', trigger: 'blur' }
            ],
            currentValue:[
                {required: true, message: '请输入本轮估值', trigger: 'change'  }
            ],
            stockRate :[
                {required: true, message: '请输入股本占比', trigger: 'change'  }
            ],
            stockRate :[
                {required: true, message: '请输入股本占比', trigger: 'change'  }
            ],
            giveType :[
                {required: true, message: '请输入出资方式', trigger: 'change'  }
            ],
            giveNums :[
                {required: true, message: '请输入出资额', trigger: 'change'  }
            ],
            financeDate :[
                {required: true, message: '请输入融资时间', trigger: 'change'  }
            ],
            contractFileId:[
                {required: true, message: '请上传合同文件', trigger: 'change'  }
            ]
     },
     fileList:[],
     tableType:1,
     form:{
        excelFileId: '',
        rptQuarter: '',     
        rptYear: '' 
      },
      yearArr:[],
      rpyArr:[
          {
              key:'1',
              value:'第一季度'
          },
          {
              key:'2',
              value:'第二季度'
          },
          {
              key:'3',
              value:'第三季度'
          },
          {
              key:'4',
              value:'第四季度'
          }
      ],
      editState:false,
      fileName:'',
      form0:{
          rptYear:[
            {required: true, message: '请选择年份', trigger: 'change'  }
          ],
          rptQuarter:[
            {required: true, message: '请选择融资轮次', trigger: 'change'  }
          ]
      },
      information3:{
          financeId:'',
          currentAssets:'',
          bankCash:'',
          currentInvestment:'',
          notesReceivable:'',
          accountReceivable:'',
          otherReceivable:'',
          prepayment:'',
          inventory:'',
          otherAssets:'',
          longtermInvestment:'',
          netBal:'',
          constructionInprogress:'',
          intangibleAssets:'',
          longtermDeferredExpense:'',
          totalCurrentLiability:'',
          shorttermLoans:'',
          notesPayable:'',
          advanceFromCustomers:'',
          accountsPayable:'',
          taxesPayable:'',
          otherPayable:'',
          otherCurrentLiability:'',
          totalLongtermLiability:'',
          longtermLoans:"",
          netBa:'',
          capitalReserves:'',
          surplusReserves:'',
          retainedProfits:''
      },
      rules3:{
        currentAssets:[
            {required: true, message: '请输入流动资产合计', trigger: 'change'  }
        ],
        bankCash:[
            {required: true, message: '请输入货币资金', trigger: 'change'  }
        ],
        currentInvestment:[
            {required: true, message: '请输入短期投资', trigger: 'change'  }
        ],
        notesReceivable:[
            {required: true, message: '请输入应收票据', trigger: 'change'  }
        ],
        accountReceivable:[
            {required: true, message: '请输入应收账款', trigger: 'change'  }
        ],
        otherReceivable:[
            {required: true, message: '请输入其它应收款', trigger: 'change'  }
        ],
        prepayment:[
            {required: true, message: '请输入预付款项', trigger: 'change'  }
        ],
        inventory:[
            {required: true, message: '请输入存货', trigger: 'change'  }
        ],
        otherAssets:[
            {required: true, message: '请输入其它资产合计', trigger: 'change'  }
        ],
        longtermInvestment:[
            {required: true, message: '请输入长期投资', trigger: 'change'  }
        ],
        netBal:[
            {required: true, message: '请输入固定资产净值', trigger: 'change'  }
        ], 
        constructionInprogress:[
            {required: true, message: '请输入在建工程', trigger: 'change'  }
        ],
        intangibleAssets:[
            {required: true, message: '请输入无形资产', trigger: 'change'  }
        ],
        longtermDeferredExpense:[
            {required: true, message: '请输入长期待摊费用', trigger: 'change'  }
        ],
        totalCurrentLiability:[
            {required: true, message: '请输入流动负债合计', trigger: 'change'  }
        ],
        shorttermLoans:[
            {required: true, message: '请输入短期借款', trigger: 'change'  }
        ],
        notesPayable:[
            {required: true, message: '请输入应付票据', trigger: 'change'  }
        ],
        advanceFromCustomers:[
            {required: true, message: '请输入预收账款', trigger: 'change'  }
        ],
        advanceFromCustomers:[
            {required: true, message: '请输入预收账款', trigger: 'change'  }
        ],
        accountsPayable:[
            {required: true, message: '请输入应付账款', trigger: 'change'  }
        ],
        taxesPayable:[
            {required: true, message: '请输入应交税金', trigger: 'change'  }
        ], 
        otherPayable:[
            {required: true, message: '请输入其它应付款', trigger: 'change'  }
        ],
        otherCurrentLiability:[
            {required: true, message: '请输入其它流动负债', trigger: 'change'  }
        ],
        totalLongtermLiability:[
            {required: true, message: '请输入长期负债合计', trigger: 'change'  }
        ],
        longtermLoans:[
            {required: true, message: '请输入长期借款', trigger: 'change'  }
        ],
        netBa:[
            {required: true, message: '请输入实收资本', trigger: 'change'  }
        ],
        capitalReserves:[
            {required: true, message: '请输入资本公积', trigger: 'change'  }
        ],
        surplusReserves:[
            {required: true, message: '请输入盈余公积', trigger: 'change'  }
        ],
        retainedProfits:[
            {required: true, message: '请输入未分配利润', trigger: 'change'  }
        ],
      },
      yearIndex:0,
      rptIndex:0,
      financeId:'',
      information4:{
          revenue:'',
          salesCost :'',
          grossProfit:'',
          otherProfit:'',
          operatingExpense:'',
          adminExpense:'',
          financeExpense:'',
          interestExpense:'',
          investmentIncome:'',
          operationProfit:'',
          nonOperationIncome:'',
          nonOperationExpense:'',
          beforeTaxProfit:'',
          netProfit:''
      },
      rules4:{
        revenue:[
            {required: true, message: '请输入主营收入', trigger: 'change'  }
        ], 
        salesCost:[
            {required: true, message: '请输入主营成本', trigger: 'change'  }
        ], 
        grossProfit:[
            {required: true, message: '请输入毛利', trigger: 'change'  }
        ], 
        otherProfit:[
            {required: true, message: '请输入其他业务利润', trigger: 'change'  }
        ], 
        operatingExpense:[
            {required: true, message: '请输入经营费用', trigger: 'change'  }
        ], 
        adminExpense:[
            {required: true, message: '请输入管理费用', trigger: 'change'  }
        ], 
        financeExpense:[
            {required: true, message: '请输入财务费用', trigger: 'change'  }
        ], 
        financeExpense:[
            {required: true, message: '请输入财务费用', trigger: 'change'  }
        ], 
        interestExpense:[
            {required: true, message: '请输入利息支出', trigger: 'change'  }
        ], 
        investmentIncome:[
            {required: true, message: '请输入投资收益', trigger: 'change'  }
        ], 
        operationProfit:[
            {required: true, message: '请输入营业利润', trigger: 'change'  }
        ], 
        operationProfit:[
            {required: true, message: '请输入营业利润', trigger: 'change'  }
        ], 
        nonOperationIncome:[
            {required: true, message: '请输入营业外收入', trigger: 'change'  }
        ],
        nonOperationExpense:[
            {required: true, message: '请输入营业外支出', trigger: 'change'  }
        ],
        beforeTaxProfit:[
            {required: true, message: '请输入利润总额', trigger: 'change'  }
        ],
        netProfit:[
            {required: true, message: '请输入净利润', trigger: 'change'  }
        ],
      },
      info3:'',
      projectDate:'',
      typeArr:[
          {key:'0',value:'资产负债表'},
          {key:'1',value:'利润表'},
          {key:'2',value:'现金流量表'}
      ],
      dialogFormVisible1:false,
      state:true,
      passStatus:'',
      information5:{
          cuPeopleInfo:'',
          cuDevelopInfo:'',
          cuProductCondition:'',
          cuSalesInfo:'',
          cuOtherInfo:'',
          deOpenInfo:'',
          deRewardInfo:'',
          deProductInfo:'',
          deFinanceInfo:'',
          deOtherInfo:'',
          maProductInfo:'',
          maTargetMasketInfo:'',
          prContendersInfo:'',
          prTechAdvantage:'',
          prMasketAdvantage:'',
          prDevelopStrategy:'',
          prSalesStrategy:'',
          prProfitModel:'',
          prPeoplePlan:'',
          plFuturePlan:''
      },
      fileName5:'',
      rules5: {
          cuPeopleInfo : [
            { required: true, message: '请输入企业现有人力资源配置', trigger: 'blur' }
          ],
          cuDevelopInfo : [
            { required: true, message: '请输入企业研发能力', trigger: 'blur' }
          ],
          cuProductCondition : [
            { required: true, message: '请输入企业现有生产设施设备条件', trigger: 'blur' }
          ],
          cuSalesInfo : [
            { required: true, message: '请输入企业营销能力', trigger: 'blur' }
          ],
          cuOtherInfo : [
            { required: true, message: '请输入他特殊能力', trigger: 'blur' }
          ],
          deOpenInfo : [
            { required: true, message: '请输入企业最初成立情况及发展历程', trigger: 'blur' }
          ],
          deRewardInfo : [
            { required: true, message: '请输入曾经获得(或申请过)科技项目支持情况', trigger: 'blur' }
          ],
          deProductInfo : [
            { required: true, message: '请输入重大项目开发与主要产品上市', trigger: 'blur' }
          ],
          deFinanceInfo:[
            { required: true, message: '请输入重大融资事件', trigger: 'blur' }
          ],
          deOtherInfo:[
            { required: true, message: '请输入企业认为的其他重大事件', trigger: 'blur' }
          ],
          maProductInfo:[
            { required: true, message: '请输入主营产品的市场概况及需求情况', trigger: 'blur' }
          ],
          maTargetMasketInfo:[
            { required: true, message: '请输入主营产品的目标市场', trigger: 'blur' }
          ],
          prContendersInfo:[
            { required: true, message: '请输入主营产品的主要竞争者', trigger: 'blur' }
          ],
          prTechAdvantage:[
            { required: true, message: '请输入主营产品的技术性能比较优势', trigger: 'blur' }
          ],
          prMasketAdvantage:[
            { required: true, message: '请输入主营产品的其他市场竞争优势', trigger: 'blur' }
          ],
          prDevelopStrategy:[
            { required: true, message: '请输入主营产品的开发、生产策略', trigger: 'blur' }
          ],
          prSalesStrategy:[
            { required: true, message: '请输入主营产品的市场营销策略', trigger: 'blur' }
          ],
          prProfitModel:[
            { required: true, message: '请输入主营产品获利模式', trigger: 'blur' }
          ],
          prPeoplePlan:[
            { required: true, message: '请输入公司治理结构及人力资源规划', trigger: 'blur' }
          ],
          plFuturePlan:[
            { required: true, message: '请输入分析企业未来1-3年的定位及发展规划', trigger: 'blur' }
          ],
        }
    }
  },
  components: {
    'menu-top':() => import('../../common/Menu-Top'),
    'menu-left':() => import('../../common/Menu-Left'),
    "rotate-message": () => import("../../common/rotate-message")
  },  
  created() {
        let arr = location.hostname.split('.');
let urlName = arr[0] == 'www'?arr[1]:arr[0];
        this.configObj = config.urlObjs[urlName];
  },
  mounted(){
        let sessionId = common.getCookie('sessionId');
        this.upLoadUrl =CONSTANT.URL.BASE.ADMINUPLOAD+ '?sessionId='+sessionId;
        this.companyName = this.$router.currentRoute.query.name;
        this.id = this.$router.currentRoute.query.id;
        this.tabIndex = this.$router.currentRoute.query.state?this.$router.currentRoute.query.state:1
        this.getIndustry()
        this.getProvince()
        this.getPosition()
        this.getChannel()
        this.getMethod()
        this.getArr()
        this.getFinanceArr()
        this.getMatserArr()
        this.giveTypeArr()
        if(this.tabIndex == 1){
            this.getDetail()
        }
        if(this.tabIndex == 2){
            this.getDetail1()
        }
        if(this.tabIndex == 3){
            this.getProductPage()
        }
        if(this.tabIndex == 4){
           this.getYearList()
        }
        if(this.tabIndex == 5){
            this.getBussiness()
        }
  },    
  watch: {  
      $route(to, from) {  
        // this.$refs.left.activePath()
      },
  },
  methods:{
      editBtn3(){
        this.editState = true
    },
    tabSelect(num){
        this.tabIndex = num;
        if(this.tabIndex == 1){
            this.getDetail()
        }
        if(this.tabIndex == 2){
            this.getDetail1()
        }
        if(this.tabIndex == 3){
            this.getProductPage()
        }
        if(this.tabIndex == 4){
           this.getYearList()
        }
        if(this.tabIndex == 5){
            this.getBussiness()
        }
    },
    retunStr(num){
       let arr =  ['','第一季度','第二季度','第三季度','第四季度'];
       return arr[num]
    },
    typeBtn(num){
        this.editState = false
        this.tableType = num+1;
    },
    getFinance(){
        let  url = CONSTANT.URL.CHANNEL.FINDFINANCEDETAIL,
            data = {},
            dataForm = {financeId:this.financeId}
            common.requestAjax(url,JSON.stringify(data),dataForm,(res)=>{
            if(res.status == 200){
                let obj ={
                    financeId:'',
                    currentAssets:'',
                    bankCash:'',
                    currentInvestment:'',
                    notesReceivable:'',
                    accountReceivable:'',
                    otherReceivable:'',
                    prepayment:'',
                    inventory:'',
                    otherAssets:'',
                    longtermInvestment:'',
                    netBal:'',
                    constructionInprogress:'',
                    intangibleAssets:'',
                    longtermDeferredExpense:'',
                    totalCurrentLiability:'',
                    shorttermLoans:'',
                    notesPayable:'',
                    advanceFromCustomers:'',
                    accountsPayable:'',
                    taxesPayable:'',
                    otherPayable:'',
                    otherCurrentLiability:'',
                    totalLongtermLiability:'',
                    longtermLoans:"",
                    netBa:'',
                    capitalReserves:'',
                    surplusReserves:'',
                    retainedProfits:''
                },
                obj1 = {
                    revenue:'',
                    salesCost :'',
                    grossProfit:'',
                    otherProfit:'',
                    operatingExpense:'',
                    adminExpense:'',
                    financeExpense:'',
                    interestExpense:'',
                    investmentIncome:'',
                    operationProfit:'',
                    nonOperationIncome:'',
                    nonOperationExpense:'',
                    beforeTaxProfit:'',
                    netProfit:''
                }
                this.info3= res.data.bussData;
                if( this.info3.financeData){
                    this.fileName = this.info3.financeData.excelFileInfo?this.info3.financeData.excelFileInfo.fileName:''
                }
                if( this.info3.balanceSheetData){
                   this.information3 = this.info3.balanceSheetData?this.info3.balanceSheetData:obj
                }
                if( this.info3.profitSheetData){
                    this.information4 = this.info3.profitSheetData?this.info3.profitSheetData:obj1
                }
            }else{
            
            }
        })
    },
    
    getYearList(){
        let  url = CONSTANT.URL.CHANNEL.FINDFINANCEYEARLIST,
            data = {},
            dataForm = {userId:this.id}
            common.requestAjax(url,JSON.stringify(data),dataForm,(res)=>{
            if(res.status == 200){
                this.yearArr= res.data.bussData
                if(this.yearArr.length){
                    this.financeId = this.yearArr[0].financeDatas[0].id
                    this.projectDate = this.yearArr[0].financeDatas[0].gmtCreated;
                }else{
                    this.financeId = ''
                }
                this.getFinance()
            }else{
            
            }
        })
    },
    confrimBtn(formName){
        this.$refs[formName].validate((valid) => {
            if (valid) {
                let url = CONSTANT.URL.CHANNEL.SAVEUSERFINANCE;
                let param = JSON.stringify(this.form);
                common.requestAjax(url, param, null, res => {
                    if(res.status == 200) {
                        this.$message({
                            type: 'success',
                            message: '保存成功!'
                        });
                        this.dialogFormVisible1 = false;
                        this.getYearList()
                    } else {
                        this.$message({
                            type: 'error',
                            message: res.msg
                        });
                    }
                });
            } else {
              
                return false;
            }
            });
    },
    confrimBtn1(formName){
        this.information3.financeId = this.financeId;
        this.$refs[formName].validate((valid) => {
            if (valid) {
                let url = CONSTANT.URL.CHANNEL.SAVEFINANCEBALANCESHEET;
                let param = JSON.stringify(this.information3);
                common.requestAjax(url, param, null, res => {
                    if(res.status == 200) {
                        this.$message({
                            type: 'success',
                            message: '保存成功!'
                        });
                        this.getFinance()
                        this.editState = false;
                    } else {
                        this.$message({
                            type: 'error',
                            message: res.msg
                        });
                    }
                });
            } else {
              
                return false;
            }
            });
    },
    confrimBtn2(formName){
        this.information4.financeId = this.financeId;
        this.$refs[formName].validate((valid) => {
            if (valid) {
                let url = CONSTANT.URL.CHANNEL.SAVEUSERFINANCEPROFIT;
                let param = JSON.stringify(this.information4);
                common.requestAjax(url, param, null, res => {
                    if(res.status == 200) {
                        this.$message({
                            type: 'success',
                            message: '保存成功!'
                        });
                        this.getFinance()
                        this.editState = false;
                    } else {
                        this.$message({
                            type: 'error',
                            message: res.msg
                        });
                    }
                });
            } else {
             
                return false;
            }
            });
    },
    yearSelect(num){
        this.yearIndex = num;
        this.rptIndex = 0;
        this.financeId = this.yearArr[num].financeDatas[0].id;
        this.projectDate = this.yearArr[num].financeDatas[0].gmtCreated;
        this.editState = false
        this.getFinance()
     
    },
    regClick(num,id){
        this.rptIndex = num;
        this.financeId = id;
        this.projectDate = this.yearArr[this.yearIndex].financeDatas[num].gmtCreated;
        this.editState = false
        this.getFinance()
    },
    getDetail(){
        let  url = CONSTANT.URL.CHANNEL.FINDUSERBASEDETAIL,
            data = {},
            dataForm = {userId:this.id}
            common.requestAjax(url,JSON.stringify(data),dataForm,(res)=>{
            if(res.status == 200){
                this.info= res.data.bussData;
                let data = res.data.bussData;
                // if()
                
                this.information = {
                    companyName:data.coreData.companyName,
                    firstIndustry:data.coreData.firstIndustry,
                    secondIndustry:data.coreData.secondIndustry,
                    thirdIndustry:data.coreData.thirdIndustry,
                    regdate:data.coreData.regdate,
                    regProvinceCode :data.coreData.regProvinceCode,
                    regCityCode:data.coreData.regCityCode,
                    regDistrictCode:data.coreData.regDistrictCode,
                    licenceId:data.licenceData?data.licenceData.licenceId:'',
                    unifiedCreditNumber:data.licenceData?data.licenceData.unifiedCreditNumber:'',
                    legalCardId:data.licenceData?data.licenceData.legalCardId:'',
                    actualCardId:data.licenceData?data.licenceData.actualCardId:'',
                    regProvinceCode1:data.licenceData?data.licenceData.regProvinceCode:'',
                    regCityCode1:data.licenceData?data.licenceData.regCityCode:'',
                    regDistrictCode1:data.licenceData?data.licenceData.regDistrictCode:'',
                    regAddress:data.licenceData?data.licenceData.regAddress:'',
                    companyPeople:data.licenceData?data.licenceData.companyPeople:'',
                    contactDatas:data.licenceData&&data.licenceData.contactDatas.length?data.licenceData.contactDatas:this.information.contactDatas,
                    parentChannelCode:data.baseData.parentChannelCode,
                    runProvinceCode:data.licenceData?data.licenceData.runProvinceCode:'',
                    runRegCityCode:data.licenceData?data.licenceData.runRegCityCode:'',
                    runRegDistrictCode:data.licenceData?data.licenceData.runRegDistrictCode:'',
                    runRegAddress:data.licenceData?data.licenceData.runRegAddress:'',
                    licenceFileId:data.licenceData?data.licenceData.runRegAddress:''
                }
                this.fileShowList.push({
                    url:data.licenceData.licenceFileInfo.fileUrl
                })
                this.addressArr.map((item)=>{
                    if(this.information.regProvinceCode == item.key){
                        this.cityArr = item.childs
                        item.childs.map((list)=>{
                            if(this.information.regCityCode == list.key){
                                this.districtArr = list.childs
                            }
                        })
                    }
                    if(this.information.regProvinceCode1 == item.key){
                        this.cityArr1 = item.childs
                        item.childs.map((list)=>{
                            if(this.information.regCityCode1 == list.key){
                                this.districtArr1 = list.childs
                            }
                        })
                    }
                    if(this.information.runProvinceCode == item.key){
                        this.cityArr2 = item.childs
                        item.childs.map((list)=>{
                            if(this.information.runRegCityCode == list.key){
                                this.districtArr2 = list.childs
                            }
                        })
                    }
                })
            }else{
            
            }
        })
    },
    getDetail1(){
        let  url = CONSTANT.URL.CHANNEL.FINDUSERFINANCINGAUTH,
            data = {},
            dataForm = {userId:this.id}
            common.requestAjax(url,JSON.stringify(data),dataForm,(res)=>{
            if(res.status == 200){
                
                this.info1 = res.data.bussData?res.data.bussData:''
                this.information1 = res.data.bussData?res.data.bussData: this.information1
                if(!this.info1){
                    this.stateStep = 1
                }else{
                    let arr =this.information1.guaranteeMethod.split(',');
                    let arr1 = []
                 
                    arr.forEach((item)=>{
                        this.methodArr.map((list)=>{
                            if(item == list.key){
                                arr1.push(list.value)
                            }
                        })
                    })
                  
                    this.information1.guaranteeMethod = arr1;
                    if(this.info1.auditStatus == 'init'){
                        this.stateStep = 2
                    }else if(this.info1.auditStatus == 'pass'){
                        this.stateStep = 3
                    }else if(this.info1.auditStatus == 'reject'){
                        this.stateStep = 4 
                    }
                }
               
            }else{
            
            }
        })
    },
     handleRemove5(file, fileList) {      // 图片上传
            let deleteUrl = file.url;
            this.information5.bpFileId = '';
    },       
    handleFileSuccess5(res, file) {
        if(res.status == 200){
            let picItem = res.data.bussData;
            this.information5.bpFileId = picItem.fileId;
            this.fileName5 =  picItem.fileName;
        }
    },
    refBtn(){
        this.stateStep = 1;
    },
    addBtn(){
        this.information.contactDatas.push({
            age:'',
            position:'',
            trueName:'',
            introduction:''  
        })
    },
    addBtn1(){
          this.information2={
            financeLevel:'',
            masterType:'',
            otherMaster:'',
            currentValue:'',
            stockRate:'',
            giveType:'',
            giveNums:'',
            financeDate:'',
            contractFileId:''
        }
        this.fileList = []
          this.dialogFormVisible = true;
      },
    submitBtn(){
        let  url = CONSTANT.URL.CHANNEL.SAVEOTHERUSERBASEDETAIL,
            data = {
                "baseData": {
                    "parentChannelCode":this.information.parentChannelCode,
                    "userId": this.info.baseData.userId
                },
                "coreData": {
                    "firstIndustry":this.information.firstIndustry,
                    "regAddress": null,
                    "regCityCode": this.information.regCityCode,
                    "regDistrictCode": this.information.regDistrictCode,
                    "regProvinceCode": this.information.regProvinceCode,
                    "regdate": this.information.regdate,
                    "secondIndustry":  this.information.secondIndustry,
                    "thirdIndustry": this.information.thirdIndustry,
                    "userId": this.info.baseData.userId
                },
                "licenceData": {
                    "actualCardId":this.information.actualCardId,
                    "companyPeople":this.information.companyPeople,
                    "contactDatas": this.information.contactDatas,
                    "legalCardId": this.information.legalCardId,
                    "regAddress": this.information.regAddress,
                    "regCityCode": this.information.regCityCode,
                    "regDistrictCode": this.information.regDistrictCode,
                    "regProvinceCode": this.information.regProvinceCode,
                    "runProvinceCode":  this.information.runProvinceCode,
                    "runRegAddress": this.information.runRegAddress,
                    "runRegCityCode":  this.information.runRegCityCode,
                    "runRegDistrictCode":  this.information.runRegDistrictCode,
                    "unifiedCreditNumber":  this.information.unifiedCreditNumber,
                    "userId": this.info.baseData.userId,
                    'licenceFileId':this.information.licenceId
                },
                "userId": this.info.baseData.userId,
                "parentChannelCode":this.information.parentChannelCode
            },
            dataForm = {}
            common.requestAjax(url,JSON.stringify(data),dataForm,(res)=>{
            if(res.status == 200){
                this.$message({
                    message: '保存成功！',
                    type: 'success'
                });
            }else{
                this.$message.error(res.msg);
            }
        })
    },
    submitBtn1(formName) {
        this.$refs[formName].validate((valid) => {
        if (valid) {
            let url = CONSTANT.URL.CHANNEL.SAVEFINANCINGAUTH;
            let arr = [];
            this.information1.guaranteeMethod.map((item,index)=>{  
                this.methodArr.forEach((list)=>{
                    if(item == list.value){
                        arr.push(list.key)
                    }
                })  
            })
            this.information1.guaranteeMethod = arr.join(',')
            let param = JSON.stringify(this.information1);

            common.requestAjax(url, param, null, res => {
                if(res.status == 200) {
                    this.$message({
                        type: 'success',
                        message: '保存成功!'
                    });
                    this.getDetail1()
                } else {
                    this.$message({
                        type: 'error',
                        message: res.msg
                    });
                }
            });
        } else {
          
            return false;
        }
        });
    },
    submitBtn(formName) {
            this.$refs[formName].validate((valid) => {
            if (valid) {
                let url = CONSTANT.URL.SYSTEM.SAVESTOCKLIST;
                let param = JSON.stringify(this.information);
                common.requestAjax(url, param, null, res => {
                    if(res.status == 200) {
                        this.$message({
                            type: 'success',
                            message: '保存成功!'
                        });
                        this.dialogFormVisible = false;
                        this.information2={
                                financeLevel:'',
                                masterType:'',
                                otherMaster:'',
                                currentValue:'',
                                stockRate:'',
                                giveType:'',
                                giveNums:'',
                                financeDate:'',
                                contractFileId:''
                            }
                        this.getProductPage()
                    } else {
                        this.$message({
                            type: 'error',
                            message: res.msg
                        });
                    }
                });
            } else {
             
                return false;
            }
            });
     },
     submitBtn2(formName) {
            this.$refs[formName].validate((valid) => {
            if (valid) {
                let url = CONSTANT.URL.CHANNEL.SAVEUSERSTOCK;
                let param = JSON.stringify(this.information2);
                common.requestAjax(url, param, null, res => {
                    if(res.status == 200) {
                        this.$message({
                            type: 'success',
                            message: '保存成功!'
                        });
                        this.dialogFormVisible = false;
                        this.information2={
                                financeLevel:'',
                                masterType:'',
                                otherMaster:'',
                                currentValue:'',
                                stockRate:'',
                                giveType:'',
                                giveNums:'',
                                financeDate:'',
                                contractFileId:''
                            }
                        this.fileList = []
                        this.getProductPage()
                    } else {
                        this.$message({
                            type: 'error',
                            message: res.msg
                        });
                    }
                });
            } else {
               
                return false;
            }
            });
     },
     editBtn(id){
        this.tableData.map((item)=>{
            if(item.id == id){
                this.information2 = item
            }
        })
        this.fileList = [{name:this.information2.contactFileInfo.fileName,url:this.information2.contactFileInfo.fileUrl}]
        this.dialogFormVisible = true;
    },
    submitBtn5(formName) {
        this.$refs[formName].validate((valid) => {
        if (valid) {
            let url = CONSTANT.URL.CHANNEL.SAVEBUSSINESSPLAN;
            let param = JSON.stringify(this.information5);
            common.requestAjax(url, param, null, res => {
                if(res.status == 200) {
                    this.$message({
                        type: 'success',
                        message: '保存成功!'
                    });
                    this.state = true;
                    this.getBussiness()
                } else {
                    this.$message({
                        type: 'error',
                        message: res.msg
                    });
                }
            });
        } else {
         
            return false;
        }
        });
    },
    getBussiness(){
            let  url = CONSTANT.URL.CHANNEL.FINDBUSSINESSPLAN,
                data = {},
                dataForm = {userId:this.id}
                common.requestAjax(url,JSON.stringify(data),dataForm,(res)=>{
                if(res.status == 200){
                    // this.info= res.data.bussData;
                    let info =  res.data.bussData;
                    if(info){
                        this.state = true
                    }
                    let obj = {
                        cuPeopleInfo:'',
                        cuDevelopInfo:'',
                        cuProductCondition:'',
                        cuSalesInfo:'',
                        cuOtherInfo:'',
                        deOpenInfo:'',
                        deRewardInfo:'',
                        deProductInfo:'',
                        deFinanceInfo:'',
                        deOtherInfo:'',
                        maProductInfo:'',
                        maTargetMasketInfo:'',
                        prContendersInfo:'',
                        prTechAdvantage:'',
                        prMasketAdvantage:'',
                        prDevelopStrategy:'',
                        prSalesStrategy:'',
                        prProfitModel:'',
                        prPeoplePlan:'',
                        plFuturePlan:''
                    }
                    this.information5 = info?info:obj;
                    this.fileName5 = info&&info.bpFileInfo?info.bpFileInfo.fileName:'';
                }else{
                
                }
            })
        },
    addFinance(){
        this.form = {
            excelFileId: '',
            rptQuarter: '',
            rptYear: '' 
        }
        this.dialogFormVisible1 = true;
    },
    editBtn5(){
        this.state = false;
    },
     getProductPage(){
            let  url = CONSTANT.URL.CHANNEL.FINDUSERSTOCKLIST,
                data = {},
                dataForm = {
                    pageIndex:1,
                    pageSize:100,
                    userId:this.id
                }
                common.requestAjax(url,JSON.stringify(data),dataForm,(res)=>{
                    if(res.status == 200){
                        this.tableData = res.data.bussData;
                    }else{
                    }
                })
        },
    getProvince(){
        let  url = CONSTANT.URL.BASE.DICTIONARY,
            data = {},
            dataForm = {codeType:'province'}
            common.requestAjax(url,JSON.stringify(data),dataForm,(res)=>{
            if(res.status == 200){
                this.addressArr= res.data.bussData;
                localStorage.setItem("address",JSON.stringify( res.data.bussData));
            }else{
            
            }
        })
    },
    provinceChange(e){
        this.information.regCityCode = ''
        this.cityArr = [];
        this.districtArr = []
        this.information.regDistrictCode = ''
        this.addressArr.map((item)=>{
            if(e== item.key){
                this.cityArr = item.childs
            }
        })
    },
    cityChange(e){
        this.districtArr = []
        this.information.regDistrictCode = ''
        this.cityArr.map((item)=>{
            if(e == item.key){
                this.districtArr = item.childs
            }
        })
    },
    provinceChange1(e){
        this.information.regCityCode1 = ''
        this.cityArr1 = [];
        this.districtArr1 = []
        this.information.regDistrictCode1 = ''
        this.addressArr.map((item)=>{
            if(e== item.key){
                this.cityArr1 = item.childs
            }
        })
    },
    cityChange1(e){
        this.districtArr1 = []
        this.information.regDistrictCode1 = ''
        this.cityArr1.map((item)=>{
            if(e == item.key){
                this.districtArr1 = item.childs
            }
        })
    },
    provinceChange2(e){
        this.information.regCityCode2 = ''
        this.cityArr2 = [];
        this.districtArr2 = []
        this.information.regDistrictCode2 = ''
        this.addressArr.map((item)=>{
            if(e== item.key){
                this.cityArr2 = item.childs
            }
        })
    },
    cityChange2(e){
        this.districtArr2 = []
        this.information.regDistrictCode2 = ''
        this.cityArr2.map((item)=>{
            if(e == item.key){
                this.districtArr2 = item.childs
            }
        })
    },
    firstChange(e){
        this.information.secondIndustry = ''
        this.thirdArr = [];
        this.secondArr = []
        this.information.thirdIndustry = ''
        this.industryArr.map((item)=>{
            if(e== item.key){
                this.secondArr = item.childs
            }
        })
    },
    secondChange(e){
        this.thirdArr = []
        this.information.thirdIndustry = ''
        this.secondArr.map((item)=>{
            if(e == item.key){
                this.thirdArr = item.childs
            }
        })
    },
    getArr(){
        let  url = CONSTANT.URL.BASE.DICTIONARY,
            data = {},
            dataForm = {codeType:'fund_finish_month'}
            common.requestAjax(url,JSON.stringify(data),dataForm,(res)=>{
            if(res.status == 200){
                this.roleArr= res.data.bussData
            }else{
            
            }
        })
    },
    getIndustry(){
        let  url = CONSTANT.URL.BASE.DICTIONARY,
            data = {},
            dataForm = {codeType:'first_industry'}
            common.requestAjax(url,JSON.stringify(data),dataForm,(res)=>{
            if(res.status == 200){
                this.industryArr= res.data.bussData
                this.industryArr.map((item)=>{
                    if(this.information.firstIndustry == item.key){
                        this.secondArr = item.childs
                        item.childs.map((list)=>{
                            if(this.information.secondIndustry == list.key){
                                this.thirdArr = list.childs
                            }
                        })
                    }
                })
            }else{
            
            }
        })
    },
    getChannel(){
        let  url = CONSTANT.URL.SYSTEM.FINDCHANNELUSER,
            data = {},
            dataForm = {}
            common.requestAjax(url,JSON.stringify(data),dataForm,(res)=>{
            if(res.status == 200){
                this.channelArr= res.data.bussData
            }else{
            
            }
        })
    },
    getPosition(){
        let  url = CONSTANT.URL.BASE.DICTIONARY,
            data = {},
            dataForm = {codeType:'position'}
            common.requestAjax(url,JSON.stringify(data),dataForm,(res)=>{
            if(res.status == 200){
                this.positionArr= res.data.bussData
            }else{
            
            }
        })
    },
    getMethod(){
        let  url = CONSTANT.URL.BASE.DICTIONARY,
            data = {},
            dataForm = {codeType:'guarantee'}
            common.requestAjax(url,JSON.stringify(data),dataForm,(res)=>{
            if(res.status == 200){
                this.methodArr= res.data.bussData
            }else{
            
            }
        })
    },
    handleRemove(file, fileList) {      // 图片上传
        let deleteUrl = file.url;
        this.uploadShow = false;
        this.information.licenceId = '';
    },       
    handleFileSuccess(res, file) {
        if(res.status == 200){
            let picItem = res.data.bussData;
            this.information.licenceId = picItem.fileId;
            this.uploadShow = true;
        }
    },
    handleRemove1(file, fileList) {      // 图片上传
        let deleteUrl = file.url;
        this.information2.contactFileInfo = '';
    },       
    handleFileSuccess1(res, file) {
        if(res.status == 200){
            let picItem = res.data.bussData;
            this.information2.contractFileId = picItem.fileId;
         
        }
    },
    strReturn(str){
        let arr = str,
            arr1 = [];
            arr.map((item,index)=>{  
                this.methodArr.forEach((list)=>{
                    if(item == list.key){
                        arr1.push(list.value)
                    }
                })  
            })
        return arr1.join(',')
    },
    getFinanceArr(){
        let  url = CONSTANT.URL.BASE.DICTIONARY,
            data = {},
            dataForm = {codeType:'finance_level'}
            common.requestAjax(url,JSON.stringify(data),dataForm,(res)=>{
            if(res.status == 200){
                this.financeArr= res.data.bussData
            }else{
            
            }
        })
    },
    getMatserArr(){
        let  url = CONSTANT.URL.BASE.DICTIONARY,
            data = {},
            dataForm = {codeType:'master_type'}
            common.requestAjax(url,JSON.stringify(data),dataForm,(res)=>{
            if(res.status == 200){
                this.masterArr= res.data.bussData
            }else{
            
            }
        })
    },
    giveTypeArr(){
        let  url = CONSTANT.URL.BASE.DICTIONARY,
            data = {},
            dataForm = {codeType:'give_type'}
            common.requestAjax(url,JSON.stringify(data),dataForm,(res)=>{
            if(res.status == 200){
                this.giveArr= res.data.bussData
            }else{
            
            }
        })
    },
  },
  watch: {  

  }
}
</script>

<style  lang="scss">
body{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
}

.content {
  /*position: relative;*/
  min-height: 100%;
  background-color: #f5f5f5;
  width: 81.3%;
  float: right;
}
  .bg-left{
    background-color: #f5f5f5;
    min-height: 100%;
    height: 1000px;
    width: 23%;
    position: relative;
    left: -23%;
    position: absolute;
  }

/*.content-wrap{*/
.company-detail {
  overflow: hidden;
    .title{
        height: 56px;
        line-height: 56px;
        border-bottom: 1px solid #D1D1D1;
        color: #666;
        font-size: 16px;
        span{
            color: #111;
            // font-weight: bold;
        }
    }
    .tabs-item{
        overflow: hidden;
        border-bottom: 1px solid #D1D1D1;
        .tab-list{
            float: left;
            height: 75px;
            line-height: 75px;
            width: 130px;
            text-align: center;
            font-size: 16px;
            color: #666;
            cursor: pointer;
            &:hover{
                color: #ED7623;
            }
            &:first-child{
                text-align: left;
                width: 90px;
            }
            &.active{
                color: #ED7623;
            }
        }
    }
}

.company-list-wrap{
  padding-top: 29px;
  .wrap{
    background-color: #f5f5f5;
    .title-head{
      height: 50px;
      line-height: 50px;
      background-color: #fff;
      margin-top: 18px;
      padding-left: 20px;
      font-size: 14px;
      color: #666;
      span{
        color: #0087DC;
        cursor: pointer;
      }
    }
    .el-table__row{
        td{
            height: 50px;
            padding: 0;
        }
    }
    .wrap-container{
      padding: 11px 60px 33px 29px;
      background-color: #fff;
      margin-top: 20px;
        .el-form-item {
            margin-bottom: 0;
            .el-form-item__content{
                line-height: inherit;
            }
        }
      .wrap1{
        .btn-submit{
            margin: 50px 0 0 30%;
            width: 200px;
            height: 40px;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            background-color: #ED7018;
            font-size: 24px;
            color: #fff;
            text-align: center;
            line-height: 40px;
            cursor: pointer;
            &:hover{
                background-color: #ED9000;
                transition:all .2s linear
            }
        }
        .info-edit{
            padding-top: 31px;
            .edit-title{
                position: relative;
                font-size: 16px;
                color: #333;
                font-weight: bold;
                padding-left: 16px;
                margin-bottom: 28px;
                &:after{
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 2px;
                    width: 3px;
                    height: 17px;
                    background-color: #ED7018;
                }
            }
            .edit-list{
                overflow: hidden;
                margin-bottom: 24px;
                .name{
                    float: left;
                    width: 12%;
                    text-align: right;
                    font-size: 14px;
                    color: #666;
                    margin-right: 15px;
                    height: 40px;
                    line-height: 40px;
                }
                
                &.line{
                    .el-select{
                    margin-right: 10px;
                    width: 185px;
                    margin-right: 10px;
                    }
                }
                &.image{
                    .edit-value{
                        float: none;
                        .add-image{
                            margin-left: 120px;
                            margin-top: 50px;
                        }
                    } 
                }
                &.address{
                    .el-select{
                    margin-right: 16px;
                    width: 115px;
                    }
                }
                &.chanel{
                    .el-select{
                    width: 384px;
                    } 
                }
                &.register{
                    .el-select{
                    margin-right: 10px;
                    width: 87px;
                    }
                    .address-input{
                        width: 422px;
                    }
                }
                &.introduce{
                    margin-bottom: 0;
                    .title-item{
                        overflow: hidden;
                        font-size: 14px;
                        color: #666;
                        height: 40px;
                        line-height: 40px;
                        .title-list{
                            float: left;
                            width: 87px;
                            margin-right: 10px;
                        }
                    }
                    .el-input{
                        margin-right: 10px;
                        width: 87px;
                    }
                    .address-input{
                        display: inline-block;
                    }
                    .address-input{
                        width: 422px;
                    
                    }
                }
                .edit-value{
                    position: relative;
                    float: left;
                    font-size: 14px;
                    color: #333;
                    .el-icon-plus{
                        width: 306px;
                        height: 227px;
                        background: url(../../../images/photo.png);
                        background-size: 100%;
                        &:before{
                            content: ''
                        }
                    }
                    .btn-add{
                            position: absolute;
                            right: -80px;
                            width: 73px;
                            height: 40px;
                            bottom: 25px;
                            // margin-left: 41px;
                            // margin-top: 30px;
                            background-color: #ED7018;
                            border-radius: 4px;
                            -webkit-border-radius: 4px;
                            font-size: 14px;
                            color: #fff;
                            text-align: center;
                            line-height: 40px;
                            cursor: pointer;
                            &:hover{
                                background-color: #ED9000;
                                transition:all .2s linear
                            } 
                        }
                    .el-upload--picture-card{
                        width: 306px;
                        height: 227px;
                        border: 0;
                    }
                    .el-upload-list__item{
                        width: 306px;
                        height: 227px;
                    }
                    
                    &.text{
                        height: 40px;
                        line-height: 40px;
                    }
                    &.input{
                        width: 384px;
                            .el-date-editor{
                                width: 384px;
                                input{
                                    padding-left: 30px;
                                }
                            }
                    }
                    .add-image{
                        width: 306px;
                        height: 227px;
                    }
                }
            }
        }
      }
      .wrap2{
        .info-edit{
          padding-top: 31px;
          .edit-title{
              position: relative;
              font-size: 16px;
              color: #333;
              font-weight: bold;
              padding-left: 16px;
            //   margin-bottom: 28px;
              &:after{
                  content: '';
                  position: absolute;
                  left: 0;
                  top: 2px;
                  width: 3px;
                  height: 17px;
                  background-color: #ED7018;
              }
          }
          .product-wrap{
            .product-list{
                    margin-top: 30px;
                    overflow: hidden;
                    border-top: 1px solid #E1E1E1;
                    padding-top: 31px;
                    &:first-child{
                        border-top: 0px solid #000;
                    }
                    img{
                        float: left;
                        width: 24.167%;
                        height:194px;
                        margin-right: 2.67%;
                    }
                    .btn{
                        position: absolute;
                        right: 0px;
                        top: 90px;
                        width: 100px;
                        height: 40px;
                        background-color: #ED7018;
                        border-radius: 4px;
                        -webkit-border-radius: 4px;
                        font-size: 18px;
                        color: #fff;
                        text-align: center;
                        line-height: 40px;
                        cursor: pointer;
                        &:hover{
                            background-color: #ED9000;
                            transition:all .2s linear
                        } 
                    }
                    .list-info{
                        position: relative;
                        float: left;
                        overflow: hidden;
                        width: 73%;
                        .date{
                            position: absolute;
                            right: 0;
                            top: 9px;
                            font-size: 14px;
                            color: #999;
                        }
                        .title1{
                            font-size: 18px;
                            color: #111;
                            font-weight: bold;
                            
                        }
                        .list-line{
                            float: left;
                            width:49%;
                            font-size: 16px;
                            color: #111;
                            .line-item{
                                margin-top: 21px;
                            }
                            span{
                                color: #666;
                            }
                            &:last-child{
                                width: 39%;
                            }
                        }
                    }
                }
          }
        }
        .info-form{
            margin-top: 30px;
            .form-list{
                margin-top: 29px;
                .form-title{
                    font-size: 16px;
                    color: #333;
                    margin-bottom: 20px;
                }
            }
            .btn{
                width: 200px;
                height: 40px;
                background-color: #ED7018;
                border-radius: 4px;
                -webkit-border-radius: 4px;
                font-size: 18px;
                color: #fff;
                text-align: center;
                line-height: 40px;
                margin-top: 60px;
                cursor: pointer;
                &:hover{
                    background-color: #777;
                    transition:all .2s linear
                } 
            }
            .el-input{
                width: 384px;
                height: 40px;
            }
            .el-select{
                width: 181px;
                .el-input{
                        width: 181px;
                        height: 40px;
                    }
            }
            .el-checkbox__label{
                font-size: 16px;
                color: #333;
            }
        }
        .info-menu{
            .edit-title{
                position: relative;
                font-size: 16px;
                color: #333;
                font-weight: bold;
                padding-left: 16px;
                margin-bottom: 28px;
                margin-top: 30px;
                &:after{
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 2px;
                    width: 3px;
                    height: 17px;
                    background-color: #ED7018;
                }
            }
            .menu-item{
                .menu-list{
                    font-size:16px;
                    color: #333;
                    margin-top: 32px;
                    .name{
                        margin-bottom: 31px;
                    }
                    .value{
                        padding-left: 31px;
                    }
                }
            }
            .btn{
                width: 200px;
                height: 40px;
                background-color: #ED7018;
                border-radius: 4px;
                -webkit-border-radius: 4px;
                font-size: 18px;
                color: #fff;
                text-align: center;
                line-height: 40px;
                margin-top: 30px;
                cursor: pointer;
                &:hover{
                    background-color: #777;
                    transition:all .2s linear
                } 
            }
        }
      }
      .wrap3{
          .title{
            padding-bottom: 18px;
            padding-top: 10px;
            span{
                color: #111;
                font-weight: bold;
            }
            .btn{
                display: inline-block;
                width: 73px;
                height: 40px;
                margin-left: 41px;
                background-color: #ED7018;
                border-radius: 4px;
                -webkit-border-radius: 4px;
                font-size: 14px;
                color: #fff;
                text-align: center;
                line-height: 40px;
                cursor: pointer;
                &:hover{
                    background-color: #ED9000;
                    transition:all .2s linear
                } 
            }
        }
        .el-table__row{
            td{
                height: 50px;
                padding: 0;
            }
        }
      }
      .wrap4{
          .el-dialog__wrapper{
            .el-form-item {
                margin-bottom: 30px;
                .el-form-item__content{
                    line-height: inherit;
                }
            }
          }
        
        .upload-demo{
            .btn{
                    display: inline-block;
                    width: 80px;
                    height: 30px;
                    margin-left: 0px;
                    background-color: #ED7018;
                    border-radius: 4px;
                    -webkit-border-radius: 4px;
                    font-size: 14px;
                    color: #fff;
                    text-align: center;
                    line-height: 30px;
                    margin-right: 11px;
                    cursor: pointer;
                    &:hover{
                        background-color: #ED9000;
                        transition:all .2s linear
                    } 
                }
        }
        .title{
            padding-bottom: 18px;
            padding-top: 10px;
            span{
                color: #111;
                font-weight: bold;
            }
            .btn{
                display: inline-block;
                width: 128px;
                height: 40px;
                margin-left: 41px;
                background-color: #ED7018;
                border-radius: 4px;
                -webkit-border-radius: 4px;
                font-size: 14px;
                color: #fff;
                text-align: center;
                line-height: 40px;
                cursor: pointer;
                &:hover{
                    background-color: #ED9000;
                    transition:all .2s linear
                } 
            }
        }
        .table-wrap{
            overflow: hidden;
            font-size: 14px;
            border: 1px solid #e1e1e1;
            height: 1484px;
            box-sizing: border-box;
            .el-form-item__error{
                display: none;
            }
            &.edit{
                height: 2050px;
                .el-form-item__error{
                    display: block;
                }
                .desc{
                    margin-bottom: 0!important;
                    &.num{
                        left: 0!important;
                    }
                    span{
                        display: inline-block;
                        width: 170px;
                        text-align: right;
                    }
                }
                .name-title{
                    margin-bottom: 10px!important;
                }
                .second{
                    .desc{
                        padding-left: 0!important;
                    }
                }
                .el-button{
                    margin-left: 20%;
                }
                .el-form-item__error {
                    top: 69%;
                    left: 180px;
                }
            }
            .table-title{
                width: 100%;
                height: 70px;
                line-height: 70px;
                font-size: 16px;
            }
            .table-year{
                float: left;
                display: inline-block;
                width: 7%;
                text-align: center;
                height: 100%;
                .table-title{
                    border-right: 1px solid #e1e1e1;
                    border-bottom: 1px solid #e1e1e1;
                }
            }
            .table-month{
                float: left;
                width: 7%;
                text-align: center;
                height: 100%;
                .table-title{
                    border-right: 1px solid #e1e1e1;
                    border-bottom: 1px solid #e1e1e1;
                }
            }
            .table-detail{
                width: 84%;
                float: left;
                .table-title{
                    overflow: hidden;
                    width: 101%;
                    padding-left: 2%;
                    border-bottom: 1px solid #e1e1e1;
                    .tab-item{
                        float: left;
                        overflow: hidden;
                        width: 30.6%;
                        font-size: 16px;
                        .tab-list{
                            text-align: center;
                            width: 33.33%;
                            float: left;
                            text-align: center;
                            cursor: pointer;
                            color: #666666;
                            &.active{
                                color: #ED9000;
                            }
                            &:hover{
                                color: #323232;
                            }
                        }
                    }
                    .date{
                        float: left;
                        margin-left: 16%;
                        span{
                            color: #999;
                        }
                    }
                    .state{
                        float: left;
                        margin-left: 10%;
                        span{
                            color: #999;
                        }
                    }
                    .change{
                        float: right;
                        cursor: pointer;
                        color: #ED7018;
                        margin-right: 2.5%;
                    }
                }
                .table-file{
                    overflow: hidden;
                    width: 101%;
                    padding-left: 2%;
                    height: 70px;
                    line-height: 70px;
                    border-bottom: 1px solid #e1e1e1;
                    .upload-demo{
                        float: left;
                        margin-left: 1%;
                    }
                    .name{
                        float: left;
                    }
                }
                .table-menu{
                    position: relative;
                    width: 101%;
                    padding-left: 2%;
                    padding-top: 19px;
                    .menu-title{
                        font-size: 16px;
                        color: #111;
                        font-weight: bold;
                        margin-bottom: 20px;
                    }
                    .name-title{
                        font-size: 14px;
                        color: #111;
                        margin-bottom: 23px;
                        font-weight: bold;
                    }
                    .second{
                        .desc{
                            padding-left: 20px;
                        }
                    }
                    .desc{
                        font-size: 14px;
                        color: #111;
                        margin-bottom: 20px;
                        //   font-weight: bold;
                        padding-left: 0px;
                        .el-input{
                            margin-bottom: 20px;
                        }
                        .tip{
                            display: inline-block;
                        }
                        &.num{
                            position: relative;
                            left: -20px;
                        }
                        span{
                            font-weight: normal;
                            color: #666;
                        }
                    }
                    .btn{
                            position: absolute;
                            right: 2%;
                            top: 19px;
                            width: 80px;
                            height: 30px;
                            background-color: #6C6C6C;
                            border-radius: 4px;
                            -webkit-border-radius: 4px;
                            font-size: 16px;
                            color: #fff;
                            text-align: center;
                            line-height: 30px;
                            cursor: pointer;
                            &:hover{
                                background-color: #777;
                                transition:all .2s linear
                            } 
                        }
                }
            }
            .table-item{
                border-right: 1px solid #e1e1e1;
                height: 100%;
                .table-list{
                    height: 44px;
                    line-height: 44px;
                    text-align: center;
                    cursor: pointer;
                    &.active{
                        color: #ED7018;
                    }
                    &:hover{
                        color: #ED7018;
                    }
                }
            }
        }
      }
      .wrap5{
        .plan-wrap{
            .el-form-item {
                margin-bottom: 0;
                .el-form-item__content{
                    line-height: inherit;
                }
            }
            .el-textarea{
                margin-top: 19px;
            }
            .el-form-item__error{
                top: 84%;
            }
            .file-btn{
                height: 40px;
                line-height: 40px;
                font-size: 16px;
                color: #323232;
                margin-top: 20px;
                .file-name{
                    float: left;
                }
                .upload-demo{
                    float: left;
                }
                .el-upload-list{
                    display: none!important;
                }
                .btn{
                    display: inline-block;
                    margin-left: 26px;
                    width: 80px;
                    height: 40px;
                    background-color: #ED7018;
                    border-radius: 4px;
                    -webkit-border-radius: 4px;
                    font-size: 16px;
                    color: #fff;
                    text-align: center;
                    line-height: 40px;
                    cursor: pointer;
                    &:hover{
                        background-color: #ED9000;
                        transition:all .2s linear
                    } 
                }
            }

            .edit-btn{
                .btn{
                    margin-top: 39px;
                    width: 80px;
                    height: 30px;
                    background-color: #6C6C6C;
                    border-radius: 4px;
                    -webkit-border-radius: 4px;
                    font-size: 16px;
                    color: #fff;
                    text-align: center;
                    line-height: 30px;
                    cursor: pointer;
                    &:hover{
                        background-color: #555;
                        transition:all .2s linear
                    } 
                }
            }

            .info-item{
                .btn{
                        width: 120px;
                        height: 42px;
                        line-height: 42px;
                        text-align: center;
                        color: #fff;
                        font-size: 24px;
                        border-radius: 2px;
                        -webkit-border-radius: 2px;
                        background-color: #ED7018;
                        font-size: 14px;
                        cursor: pointer;
                        margin: 30px auto 0;
                        &:hover{
                            background-color: #ED9000;
                            transition:all .2s linear
                        }
                    }
                .type-title{
                    font-size: 16px;
                    color: #000011;
                    margin-top: 29px;
                }
                .info-list{
                    padding: 29px 0;
                    // border-bottom: 1px solid rgba(255,255, 255,1);
                    border-bottom: 1px solid #e1e1e1;
                    font-size: 14px;
                    color: #666;
                    .el-textarea{
                        width: 50%;
                    }
                    .answer{
                        width:822px;
                        margin-top: 19px;
                        line-height: 30px;
                    }
                }
            }
        }
      }
    }
  }
.el-button--primary{
        border-radius: 4px;
        -webkit-border-radius: 4px;
        background-color: #ED7018;
        border: 0PX;
        &:hover{
        background-color: #ED9000;
        transition:all .2s linear
        } 
}
  .el-dialog__body{
      .el-input{
          width: 300px;
      }
    .el-form-item.stock{
        .el-input{
          width: 150px;
        }
        .el-select{
            width: 150px;
        }
    }
  }
}

a{
  text-decoration: none;
}
</style>